@ font-face渲染性能

时间:2010-09-02 14:25:10

标签: performance fonts font-face frontend

我正在构建一个网站,我们正在考虑为网站上的所有文字使用自定义字体(使用@font-face),而不仅仅是标题。我已经在另一个网站上集成了一个自定义@font-face,仅用于标题,这很好用,但是当我使用webfont进行所有操作时,我有点担心性能(尤其是渲染)。特别是在IE中,因为你需要this hack来修复IE7和IE8中的抗锯齿问题。

是否有人在使用@font-face所有字体时部署大型网站有任何经验(甚至更好:测试结果)?

更新:我一直在使用正文的网络字体超过一年,我看到没有性能问题。

2 个答案:

答案 0 :(得分:3)

<强> @Husky,

我现在已经为所有类型使用@font-face嵌入字体了一段时间,我在渲染或性能方面没有任何问题。

Steve Sauders的@font-face

效果为excellent article about website performance

您引用的文章中的clearfix hack会降低所有IE版本的网站速度。所有IE过滤器都会导致性能问题。

答案 1 :(得分:0)

使用@ font-face嵌入字体。

我有一个减慢渲染速度的特定字体; tiza_talk.ttf。 具有更大文件大小的另一种字体更快@渲染。 tiza_talk似乎是一个“大”(宽)字体,可能是原因(idk)。它是旋转文本但不旋转它没有加快速度。

现在我正在寻找替代字体。使用另一种嵌入字体(仍然旋转),加载时间从50秒到15秒。