一家网页设计公司为我设计了网站。然而,他们主要使用了Google字体Montserrat和Lato,这导致当用户打开我的网站时加载了40个字体文件(约1.4MB)。根据GTMatrix的数据,82%的数据传输和56.1%的请求都是字体文件,这严重拖慢了我的网站速度。
因此,我想找一些网页安全字体来替代Montserrat和Lato,以便:
因此,首先我尝试寻找与Montserrat和Lato类似的字体,我使用了以下网站:
因此,我想找一些网页安全字体来替代Montserrat和Lato,以便:
- 替换字体应该看起来与原字体相似。
- 替换字体应该在大多数访问者的系统中可用。
- 最好使用字体堆叠,这样如果这些新字体在访问者的系统中不可用,就会有备选字体。
因此,首先我尝试寻找与Montserrat和Lato类似的字体,我使用了以下网站:
它确实提供了30个类似于Montserrat的字体。我称其为A套装。
根据以下参考资料,没有标准的网络安全字体列表:
- Web Safe fonts - What exactly does that mean?
- https://en.wikipedia.org/wiki/Web_typography#Web-safe_fonts
我使用的是https://www.w3schools.com/cssref/css_websafe_fonts.asp上的列表,这个列表看起来很好。我称其为B套装。
现在我尝试用Excel在A和B两个套装中找到一个字体,但是什么都找不到。
所以我的问题是:
有没有更好的方法来寻找与给定字体相似的网页安全字体替代品?
由于集合A和B中没有相同的字体,我计划用肉眼手动检查相似的字体,不知道是否有更简便的方法?
font-family: 'Montserrat-optimized', Monserrat, Verdana, sans-serif;
(其中第一个Montserrat是由Font Squirrel生成的Web字体,第二个是本地引用,以防用户在其系统上安装了它)。如果您选择这条路线,您需要使用@font-face
定义自定义字体。 - Aaron Sarnat