如何在CSS中加载@font-face时删除浏览器中的默认字体&引用;“FOUT”;
我正在使用@font-face将两种外部字体加载到我的网页。他们在Chrome中加载得非常完美,但当我尝试在IE中加载页面时,浏览器会显示一些默认字体,然后字体会根据我的css@font-face更改为正确的字体 加载页面时,如何删除IE和其他浏览器中显示的默认字体?我想删除所谓的FOUT(未格式化文本的闪烁)。我想通过样式表有什么办法吗如何在CSS中加载@font-face时删除浏览器中的默认字体&引用;“FOUT”;,css,font-face,Css,Font Face,我正在使用@font-face将两种外部字体加载到我的网页。他们在Chrome中加载得非常完美,但当我尝试在IE中加载页面时,浏览器会显示一些默认字体,然后字体会根据我的css@font-face更改为正确的字体 加载页面时,如何删除IE和其他浏览器中显示的默认字体?我想删除所谓的FOUT(未格式化文本的闪烁)。我想通过样式表有什么办法吗 谢谢你的帮助 您可以使用CSS转换在N毫秒后淡入文本,或者您认为足以加载字体资源的任何内容 对于不需要的默认浏览器字体,请将字体大小CSS属性设置为0px,并
谢谢你的帮助 您可以使用CSS转换在N毫秒后淡入文本,或者您认为足以加载字体资源的任何内容 对于不需要的默认浏览器字体,请将
字体大小
CSS属性设置为0px
,并确保已在@font-face
类名CSS规则中声明了字体大小
如果您还想使用专用脚本解决此问题(Firefox 3.5/3.6或Internet Explorer 7-9),查看JavaScript解决方案。这会起作用,但我想要一个类似Modernizer的功能检测器,以防字体不可用,并且您可以给字体大小一个正值。您可以在网页的字体后退规则期间始终还原字体大小,但这是OP可能不需要的另一个要求。您确定
@font-face
中允许使用font-size
?它没有列在@atlavis中,我已经澄清了我的答案以避免混淆。此外,您还可以对@font-face
CSS规则使用CSS规则属性。这不是一个好答案。您提供的链接显示了如何在鼠标悬停期间淡出文本。发布指向其他SO问题的链接而不提供任何实际回答此问题的相关代码是不可行的,通常作为注释。user1577346,因为我的答案适用于您,请接受将在其上打上绿色复选标记的答案。谢谢