0

我知道 Firefox（和其他......）中 @font-face 上的 FOUT 问题被一次又一次地处理，但我不是为了那个。

我目前遇到一个非常奇怪的问题，当我浏览我网站的页面时，我看到FOST (Flash of Styled Text)：页面显示一秒钟，一切正常，文本 (@font-face) 几毫秒消失并且然后以同样的方式重新出现。

这是我的@font-face 声明：

@font-face {
  font-family: 'DINWeb-Bold';
  src: url('/fonts/DINWeb-Bold.eot');
  src: local('☺'),
         url('/fonts/DINWeb-Bold.woff') format('woff'), url('/fonts/DINComp-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

配置：

  • Mac OSX 10.8.2
  • 火狐13.0

（注意：我的本地计算机上没有字体）

有人能告诉我这个谜吗？！

非常感谢

4

1 回答 1

0

我解决了在Typekit Kit中导入 webfont 的“FOST”问题（fontshop允许，感谢上帝）。似乎 Typekit 的集成脚本包含一些可以消除任何 FOUC 效应的东西，所以......

默认嵌入代码简单易用。通过在加载时阻止渲染，它可以很好地隐藏无样式文本的闪烁。

好吧，它对我有用，但我很想知道是否有另一种解决方案，而无需通过 Typekit。也许是 Google 的 WebFont Loader？

于 2012-10-26T12:27:32.683 回答