@font-face : 在 Firefox (FOST) 上闪现 STYLED 文本答案

【问题标题】：@font-face : flash of STYLED text on Firefox (FOST)@font-face : 在 Firefox (FOST) 上闪现 STYLED 文本
【发布时间】：2012-10-26 20:27:32
【问题描述】：

我知道 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

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

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

非常感谢

【问题讨论】：

您是否在网络上的某个地方获得了该页面，以便我们查看？我不会仅仅为了解决这个问题而购买字体。另请指定测试中使用的 Firefox 版本和平台。
嗨@JukkaK.Korpela，感谢您的回答。该网站正在我们的服务器上开发中，尚未从外部访问，但它应该很快就会上线，如果可以提供帮助，我会将链接放在这里。对于配置，我只是编辑帖子。

标签： css firefox font-face

【解决方案1】：

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

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

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

【讨论】：