7

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

如何在页面加载时删除默认字体,使其不显示在 IE 和其他浏览器中?我想删除所谓的 FOUT(无样式文本的闪烁)。我有什么办法可以通过样式表来做到这一点?

谢谢你的帮助!

4

2 回答 2

3

对于您不想要的默认浏览器字体,请将font-sizeCSS 属性设置为0px并确保您已font-size@font-face类名中声明 CSS rules

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

于 2012-08-05T13:13:02.210 回答
0

您可以使用 CSS 过渡在 N 毫秒后淡入您的文本,或者您认为足以加载字体资源的任何内容。 加载时的css3过渡动画?

于 2012-08-05T13:12:49.780 回答