У меня есть WP Plugin, где я использую Font-Awesome Icons. Я добавил папку Font-Awesome в мои файлы плагинов и сказал WordPress использовать их:
// add font-awesome to admin area function ecp_admin_enqueue($hook) { // check if plugin page global $ecp_settings_page; if ( $hook != $ecp_settings_page ) { return; } // add to wp wp_register_style( 'ecp_admin_fontawesome', plugins_url('/font-awesome/css/font-awesome.min.css' , __FILE__) ); wp_enqueue_style( 'ecp_admin_fontawesome' ); } add_action( 'admin_enqueue_scripts', 'ecp_admin_enqueue' );
CSS добавлен WordPress – это из исходного кода бэкэнд, когда я на странице настроек плагина:
<link rel='stylesheet' id='ecp_admin_fontawesome-css' href='http://url.tld/path/to/plugins/my-plugin/inc/font-awesome/css/font-awesome.min.css?ver=4.6.1' type='text/css' media='all' />
Font-Awesome работает так, как должен, но он изменил шрифт по умолчанию из WordPress. Как я могу это исправить или почему это происходит?
На странице WordPress, например, панели инструментов
На странице плагина с Font-Awesome загружен
Это не был Font-Awesome, который изменил стиль WordPress по умолчанию. Я также использую Bootstrap. Один файл под названием scaffolding.less переопределяет значения по умолчанию WordPress:
// Body reset html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { font-family: @font-family-base; font-size: @font-size-base; line-height: @line-height-base; color: @text-color; background-color: @body-bg; }
Я просто добавил это в свой собственный CSS-файл (оригинальный WordPress CSS) с! Important:
/* Override Bootstrap Reset with WP default */ body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important; }
Теперь WordPress выглядит так, как надо.
Используйте этот плагин для вставки и загрузки шрифтов Awesome Icons и Bootstrap
Лучший редактор