css - 如何在CSS中加载@font-face时删除浏览器中的默认字体？ "FOUT"

Question

我正在使用@font-face 将两种外部字体加载到我的网页。它们在 Chrome 中加载完美，但当我在 IE 中尝试时，浏览器在页面加载时显示一些默认字体，然后字体根据我的 css @font-face 更改为正确的字体。

如何在加载页面时删除 IE 和其他浏览器中显示的默认字体？我想删除所谓的 FOUT(无样式文本的闪光)。有什么办法可以通过样式表来实现吗？

感谢您的帮助!

Answer 1

对于您不需要的默认浏览器字体，将 font-size CSS 属性设置为 0px 并确保您已声明 font-size 在您的 @font-face 类名称 CSS 规则中。

如果您还想使用专用脚本来解决此问题(Firefox 3.5/3.6 或 Internet Explorer 7-9)，请查看 FOUT-B-Gone JavaScript 解决方案。