Question

我目前有一个使用2个字体文件和大量图片的网页

我已经在一定程度上优化了图像，但是我的页面加载速度非常慢，下一个选项是优化字体文件
我使用Diavlo字体作为徽标，字体文件的大小为55kb。

我通过在字体请求网址中指定text =值来阅读Google字体。

这样，Google就可以返回针对您的请求进行了优化的字体文件。在某些情况下，这可以将字体文件的大小减少多达90％。

@font-face{
font-family:'diavlo';
src: url('diavlo_medium_ii_37-webfont.eot');
src: url('diavlo_medium_ii_37-webfont.eot?#iefix') format('embedded-opentype') ,
                      url('diavlo_medium_ii_37-webfont.ttf') format('truetype');
}

 I did not find Diavlo in Google Fonts.

Google字体

http://fonts.googleapis.com/css?family=Inconsolata&text=Hello

所以有一种方法我只能提供我需要的文本来获得最小的.ttf文件

我应该包含 .woff 文件还是 .ttf 或两者兼而有之。

Answer 1

如果您知道具体需要哪些字符，可以使用Font Squirel的@font-face generator并仅指定您想要的字符，这是我知道这样做的唯一方法。这将生成所需的字体文件，只包含您想要的字符。

注意：确保将其设置为专家模式

最小字体文件，仅包含所需文本

1 个答案: