html – 图标字体偶尔显示为正方形并返回到悬停上的图标

html – 图标字体偶尔显示为正方形并返回到悬停上的图标,第1张

概述为FontAwesome图标字体获得奇怪的行为. 图标会显示在页面加载中,但是当我在标签之间翻转并返回到原始页面时,图标可能会显示为白色方块(不是每个图标,只是一些).当鼠标悬停在其上时,它们将恢复正常显示. 我通过CDN加载字体: <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel= 为FontAwesome图标字体获得奇怪的行为.

图标会显示在页面加载中,但是当我在标签之间翻转并返回到原始页面时,图标可能会显示为白色方块(不是每个图标,只是一些).当鼠标悬停在其上时,它们将恢复正常显示.

我通过CDN加载字体:

<link href="//netdna.bootstrapcdn.com/Font-awesome/4.0.3/CSS/Font-awesome.CSS" rel="stylesheet">

我猜这个白色的方块来自FontAwesome CSS,浏览器有麻烦来识别角色:

.fa-facebook:before {  content: "\f09a";}

我有点迷茫,为什么它会在切换标签后继续发生.字体似乎被加载,像第一次加载我可以看到图标.可能与其他CSS有冲突吗?

需要一些建议来寻找根本原因.

解决方法 我被带到您的问题,因为我们在我们的网站上遇到与Symbolicons图标字体相同的事情.

在做了一些研究后,我发现这是由于Chrome中的一个错误.所以问题不是字体真棒,我不认为你可以做任何事情来解决它.猜猜我们只需要等待修复,才能达到稳定的Chrome版本.

链接到BUG讨论:

> Issue 336075: embedded fonts unload
> Issue 336170: Wrong rendering of Webfonts when loading tabs in background

总结

以上是内存溢出为你收集整理的html – 图标字体偶尔显示为正方形并返回到悬停上的图标全部内容,希望文章能够帮你解决html – 图标字体偶尔显示为正方形并返回到悬停上的图标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1093582.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存