我已经开始在我的主题选项页面中为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标签本身是如何变成默认衬线字体的。