css - 蒙特塞拉特和拉托的网络安全字体替代品

Question

一家网页设计公司为我设计网站。然而，它主要使用谷歌字体Montserrat和Lato，导致用户打开我的网站时总共加载40个字体文件(约1.4MB)。并且基于 GTMatrix，82% 的数据传输和 56.1% 的请求是针对字体文件的，这大大降低了我的网站速度。
因此，我想找到一些网络安全字体来替换 Montserrat 和 Lato，以便:

替换字体应与原始字体相似。

替换字体应该在大多数访问者的系统中可用。

最好使用字体堆栈，这样如果访问者的系统上没有这些新字体，就会有后备字体。

这样，当用户访问我的网站时，浏览器不需要加载额外的字体。
因此，首先，我尝试找到类似于 Montserrat 和 Lato 的字体，我使用以下网站:
http://www.identifont.com/
它确实带来了 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组都没有出现字体，我打算用眼睛手动检查相似的字体，不知道有没有更简单的方法来做到这一点？

Answer 1

您可能不需要完全更改字体，但您应该只加载您在网站上使用的字体样式和粗细，而不是加载 全部 权重和样式。例如，如果您在 Lato 中仅使用 400 和 700 的权重，请取消勾选 Google Fonts 中的所有其他权重。
您还可以查看字体加载器以帮助处理这些初始加载时间，例如:https://github.com/typekit/webfontloader