FONT更改默认WordPress字体很棒

时间:2016-10-07 作者:wassereimer

我有一个WP插件,其中我使用了字体很棒的图标。我将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的默认字体。我如何修复它,或者为什么会发生这种情况?

enter image description here在类似于仪表板的WordPress页面上

enter image description here在加载了字体Awesome的插件页面上

2 个回复
最合适的回答,由SO网友:wassereimer 整理而成

更改默认WordPress样式的并不是字体很棒。我也使用引导。一个叫做脚手架的文件。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)中!重要事项:

/* 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看起来应该再次出现了。

SO网友:Farhad Sakhaei

使用此插件插入和加载字体很棒的图标和引导

Best Editor