@font-face渲染性能
我正在构建一个网站，我们正在考虑为网站上的所有文本（而不仅仅是标题）使用自定义字体（使用@font-face）。我已经在另一个网站上集成了一个自定义 @font-face 仅用于标题，效果很好，但我有点担心在使用网络字体处理所有内容时的性能（尤其是渲染）。特别是在 IE 中，因为您需要 这个 hack 用于修复 IE7 和 IE8 中的抗锯齿问题。
有没有人有在对所有字体使用 @font-face 的同时部署大型网站的经验（甚至更好：测试结果）？
更新：我使用网络字体作为正文已有一年多了，没有发现任何性能问题。
i'm building a site where we are considering to use a custom font (using @font-face) for all text on the site, not just the headers. I've already integrated a custom @font-face on another site for just the headers, which works fine, but i'm a bit worried about performance (especially rendering) when using a webfont for everything. Especially in IE, because you need this hack to fix anti-aliasing problems in IE7 and IE8.
Does anyone have any experience (or even better: test results) with deploying a large website while using @font-face for all fonts?
Update: i've been using web fonts for body text for over a year now and i've seen no performance problems.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
@Husky，
我已经在所有类型中使用
@font-face嵌入字体有一段时间了，而且我在渲染或性能方面没有遇到任何问题。Steve Sauders 有一篇关于网站性能的优秀文章
@font-face的影响您引用的文章中的clearfix hack 会减慢所有版本IE 上的网站速度。所有 IE 过滤器都会导致性能问题。
@Husky,
I have been using
@font-faceembedded fonts for all the type for a while now and I have have not had any problems with rendering or performance.Steve Sauders has an excellent article about website performance effects of
@font-faceThe clearfix hack in the article you referenced will slow down the site on all versions of IE. All the IE filters cause performance issues.
使用@font-face嵌入字体。
我有一种特殊的字体，它会减慢渲染速度； tiza_talk.ttf。 另一种文件大小更大的字体是faster@rendering。 tiza_talk 似乎是一种“大”（宽）字体，这可能是原因（idk）。它是旋转文本，但不旋转它并没有加快速度。
现在我正在寻找替代字体。使用另一种嵌入字体（仍然旋转），加载时间从 50 秒缩短到 15 秒。
Using @font-face embedded font.
I had a particular font that slowed down the rendering; tiza_talk.ttf. Another font that had a bigger filesize was faster@rendering. The tiza_talk seems a 'big' (wide) font which might be the cause (idk). It was rotated text but not rotating it didn't speed it up.
Now I'm looking for an alternative font. Using another embedded font (still rotated) the loading time went from 50s to 15s..