微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

为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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐