向3.8版之前安装的管理员添加仪表盘图标字体

时间:2014-01-27 作者:N2Mystic

我已经开始在我的主题选项页面中为WP 3.8以上的用户使用dashicon字体。照顾<;上的用户;3.8,我已将dashicon字体添加到我的主题文件夹中,并在自定义管理样式表的顶部添加了一个条目:

@font-face {
    font-family: \'dashicons\';
    src: url(\'fonts/dashicons.eot\');
}

@font-face {
        font-family: \'dashicons\';
        src: url(data:application/x-font-woff;charset=utf-8;base64,xxx) format(\'woff\'),
        url(\'fonts/dashicons.ttf\') format(\'truetype\'),
        url(\'fonts/dashicons.svg#dashicons\') format(\'svg\');
    font-weight: normal;
    font-style: normal;
}
(为了简洁起见,我省略了base64编码)

这很好,但是,我在字体方面有点奇怪。当我在一个选项卡中打开管理员并离开一会儿,然后回来时,每隔一段时间,webfonts就会变成方形,好像字体丢失了一样。

这并不是每次都会发生。这似乎有点随机。

在这些情况下,只需在页面上执行鼠标操作,通常会将webfonts返回到其正确的符号。

下面的屏幕截图显示了问题。第一个屏幕截图是我在问题发生时看到的。第二个屏幕截图是我希望在一切顺利时看到的。

注意在第一张照片中,wordpress标签本身是如何变成默认衬线字体的。

Here's what it looks like gone bad

Here's what it SHOULD look like

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

当发送的字体使用错误的MIME类型时,有时会发生这种情况。application/x-font-woff 例如is wrong. 尝试将适当的MIME类型添加到服务器配置中。在Apache中,您可以在.htaccess:

AddType image/svg+xml                 .svg
AddType application/x-font-ttf        .ttf
AddType application/x-font-opentype   .otf
AddType application/vnd.ms-fontobject .eot
AddType application/font-woff         .woff
您应该向主题中添加用户说明,因为主题不应该接触服务器配置文件。

SO网友:Urooj Khan

要在WordPress前端启用Dashicons,请将下面的代码添加到您的函数中。php文件。

wp_enqueue_style( \'dashicons-style\', get_stylesheet_uri(), array(\'dashicons\'), \'1.0\' );

结束

相关推荐

是否可以更改Disqus评论的CSS规则?

我已经尝试了我能想到的一切,包括使用\'!“重要”属性,但无法更改我网站上的论文评论的CSS。他们的CSS不仅来源于他们网站上的一个文件,而且我认为评论是在iframe或其他东西中,这可以解释为什么“!“重要”属性不起作用。有没有可能在wordpress博客上更改Discus评论的CSS?我只想添加以下代码:#disqus_thread { font-family: arial; font-weight: bold; font-size: 13px; } 就是这样