Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在CSS中加载@font-face时删除浏览器中的默认字体&引用;“FOUT”;_Css_Font Face - Fatal编程技术网

如何在CSS中加载@font-face时删除浏览器中的默认字体&引用;“FOUT”;

如何在CSS中加载@font-face时删除浏览器中的默认字体&引用;“FOUT”;,css,font-face,Css,Font Face,我正在使用@font-face将两种外部字体加载到我的网页。他们在Chrome中加载得非常完美,但当我尝试在IE中加载页面时,浏览器会显示一些默认字体,然后字体会根据我的css@font-face更改为正确的字体 加载页面时,如何删除IE和其他浏览器中显示的默认字体?我想删除所谓的FOUT(未格式化文本的闪烁)。我想通过样式表有什么办法吗 谢谢你的帮助 您可以使用CSS转换在N毫秒后淡入文本,或者您认为足以加载字体资源的任何内容 对于不需要的默认浏览器字体,请将字体大小CSS属性设置为0px,并

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

加载页面时,如何删除IE和其他浏览器中显示的默认字体?我想删除所谓的FOUT(未格式化文本的闪烁)。我想通过样式表有什么办法吗


谢谢你的帮助

您可以使用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,因为我的答案适用于您,请接受将在其上打上绿色复选标记的答案。谢谢