css - 对 2 种字体使用 @font-face 会导致速度大幅下降

Question

这是我第一次使用@font-face。字体包来自 myfonts.com，我目前正在 Safari 中进行测试，并通过网络检查器注意到加载 2 种字体的 css 文件显示为近 2mb-download ！字体似乎以base64编码的形式存在。该包不包含实际的 .otf 文件。

我已经通过 .htaccess 文件添加了 Gzipping，这将该文件的大小减少了近一半，但在 1mb 时，它仍然是不可接受的，我不明白为什么它这么大。

Answer 1

Base64 比来自维基百科的 1.3 左右的原始文件大。您可以使用此转换器将文件转换回其原始状态，但网上有很多工具。

Answer 2

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