使用 Google Web Fonts...字体“闪烁”在 Firefox 中加载。我的代码有什么问题吗?
我正在开发的网站上使用 Google 网络字体。除了 Firefox 之外,我关心的所有浏览器上一切都很好。看一下:
http://033ac16.netsolhost.com/
请注意,我正在使用 < a href="http://jeffreysambells.com/posts/2010/10/25/html5-boilerplate-wordpress-theme/" rel="nofollow">HTML5 WordPress 的样板模板,作者:Jefferey Sambells。
另请注意,我已经尝试过 Paul Irish 的 Fighting FOUT 代码无济于事(也许我实施不正确?)
请帮助!
I'm using Google Web Fonts on a site I'm developing. Everything is fine on all the browsers I care about EXCEPT for Firefox. Take a look:
http://033ac16.netsolhost.com/
Note that I'm I'm using HTML5 Boilerplate Template for Wordpress, by Jefferey Sambells.
Note also that I've tried the Fighting FOUT code by Paul Irish to no avail (maybe I implemented it incorrectly?)
Please help!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
找到了一个似乎有效的修复:
预加载@Font-Face字体阻止 Firefox 闪烁/延迟
站点内的第一个页面加载仍然会出现轻微的“闪烁”,但随后的每个子页面看起来都正常。
Found a fix that seems to work:
Preload @Font-Face Fonts to stop Firefox Flicker/Delay
The first page load within the site still experiences a slight "flash" but each sub page afterward looks OK.
我认为您的代码没有任何问题 -
@font-face
的字体在下载字体文件时会闪烁。 Firefox 可能不会缓存您的字体(无论出于何种原因),或者可能只是下载速度较慢。I don't think anything's wrong with your code -
@font-face
'd fonts are going to flash while they download the font file. It may happen that Firefox isn't caching your font (for whatever reason) or maybe it's just slower downloading it.