css - IE 中@fontface 显示默认字体前闪现

Question

阻止 IE 在加载 @font-face 网络字体时显示默认字体的最佳方法是什么？页面加载ajax，head加载css文件。这个issue可以查看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字体