1

在加载@font-face webfont 时停止 IE 显示默认字体的最佳方法是什么？页面用ajax加载，css文件加载到head中。可以在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;

}
4

1 回答 1

1

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

于 2012-04-10T07:49:35.823 回答