Question

在加载@ font-face webfont时，阻止IE显示默认字体的最佳方法是什么？页面加载了ajax，css文件加载到头部。可以在http://www.peterharveyco.com.au/查看此问题，然后单击其中一个滚动项目。根据我的阅读，我正在正确加载字体以避免这样的问题。它只是加载我设置的任何备份字体，直到它准备好。是设置关闭备份字体的唯一解决方案吗？如果可能的话，我没有任何东西存在，直到它准备就绪......

非常感谢任何帮助。

CSS文件：

@font-face {
    font-family: 'TradeGothicLTStdBdCnNo.20';
    src: url('tradegothicltstd-bdcn20-webfont.eot');
    src: url('tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
    font-weight: normal;
    font-style: normal;

}

Answer 1

您可以使用Google的WebFont loader将@ font-face字体指定为自定义字体。看起来您可以将@ font-face规则放在样式表中，然后将加载程序指向此样式表。然后，您可以使用.wf-loading类将自定义@ font-face字体的元素设置为visibility:hidden，以便不显示默认字体。然后使用.wf-active类设置visibility:visible以显示@ font-face字体

@fontface之前的默认字体Flash在IE中显示

1 个答案: