2010-09-02 52 views
3

我正在构建一个网站,我们正在考虑为网站上的所有文本使用自定义字体(使用@ font-face),而不仅仅是标题。我已经在另一个网站上集成了一个自定义的@ font-face,只是标题很正常,但我对使用webfont处理所有内容时的性能(特别是渲染)有点担心。特别是在IE中,因为您需要this hack来解决IE7和IE8中的抗锯齿问题。@ font-face渲染性能

有没有人有任何经验(甚至更好:测试结果)与部署一个大型网站,而所有字体使用@ font-face?

更新:我已经使用身体文字的网页字体超过一年了,而且我没有看到任何性能问题。

+0

以我的经验它总是呈现最后但也许这取决于字体存储的位置。 – corroded 2010-09-02 14:27:18

回答

3

@Husky,

我一直在使用@字体面嵌入字体为一个,而所有的类型,现在我都还没有与渲染或性能的任何问题。

史蒂夫Sauders有大约@字体面的网站性能影响的优秀文章:http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

你引用会拖慢网站上的IE浏览器的所有版本的文章中的clearfix黑客。所有IE筛选器都会导致性能问题。

+0

谢谢克里斯。我已经阅读过Steve的文章(多次:),但是对于大块文本的渲染性能并不是很具体。我只是想知道,如果使用IE浏览器大量的文本文本不会减慢IE浏览器的速度,以至于网站的性能将无法容忍。 – Husky 2010-09-07 14:56:25

+0

IE过滤器会导致严重的性能问题。如果您使用正确字体的网页字体,则不会有任何问题。我在我的网站上使用FF Meta作为正文:http://c3mdigital.com和另一个:http://wp-performance.com,在IE中,所有内容都可以正常显示。 – 2010-09-07 16:53:12

+0

我会试试看。我们也使用Meta作为正文文本,所以至少我知道这种字体是可能的:) – Husky 2010-09-10 08:58:42

0

使用@ font-face嵌入字体。

我有一个特殊的字体,减缓渲染; tiza_talk.ttf。 另一个具有较大文件大小的字体在渲染时速度更快。 tiza_talk似乎是一个'大'(宽)字体,可能是原因(idk)。它是旋转的文本,但不旋转它没有加快速度。

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