我正在使用@font-face 将两种外部字体加载到我的网页中。它们在 Chrome 中加载完美,但是当我在 IE 中尝试时,浏览器在页面加载时显示一些默认字体,然后根据我的 css @font-face 将字体更改为正确的字体。
如何在页面加载时删除默认字体,使其不显示在 IE 和其他浏览器中?我想删除所谓的 FOUT(无样式文本的闪烁)。我有什么办法可以通过样式表来做到这一点?
谢谢你的帮助!
对于您不想要的默认浏览器字体,请将font-size
CSS 属性设置为0px
并确保您已font-size
在@font-face
类名中声明 CSS rules。
如果您还想使用专用脚本解决此问题(Firefox 3.5/3.6 或 Internet Explorer 7-9),请查看FOUT-B-Gone JavaScript 解决方案。
您可以使用 CSS 过渡在 N 毫秒后淡入您的文本,或者您认为足以加载字体资源的任何内容。 加载时的css3过渡动画?