Question

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

我目前遇到一个非常奇怪的问题，当我浏览我的网站页面时，我看到 FOST（样式文字的Flash）：页面显示一秒钟，一切正常，文字（ @ 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
Firefox 13.0

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

有人能在这个谜团上启发我吗？！

非常感谢

Answer 1

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

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

嗯，它对我有用，但我很想知道是否有其他解决方案而不通过Typekit。 也许Google的WebFont Loader？

@ font-face：Firefox上的STYLED文本flash（FOST）

1 个答案: