使用@ font-face获取2个字体导致大减速

时间:2011-06-08 03:25:18

标签: css font-face embedded-fonts webfonts opentype

这是我第一次使用@ font-face。字体包来自myfonts.com,我目前正在Safari中测试,并通过网络检查员注意到加载2种字体的css文件显示为近2mb下载!字体看起来像base64编码那样。该包不包含实际的.otf文件。

enter image description here

enter image description here

我已经通过.htaccess文件添加了Gzipping,这已经将该文件的大小减少了近一半,但是在1mb,这仍然是不可接受的,我无法理解为什么它如此之大。

2 个答案:

答案 0 :(得分:2)

Base64大于1.3的原始文件 - 来自wikipedia。您可以使用此convertor将文件转换回原始状态,但网络上有很多工具。

答案 1 :(得分:1)

通过myfonts.com下载字体文件(http://new.myfonts.com/fonts/typodermic/great-escape-rg/) 如果您之前购买过它们,请使用font-squirrel生成器从原始文件制作它们 (http://www.fontsquirrel.com/fontface/generator