仅某些字体粗细的字体浏览器呈现差异答案

【问题标题】：Font browser rendering discrepancy only for certain font weights仅某些字体粗细的字体浏览器呈现差异
【发布时间】：2017-08-05 07:12:28
【问题描述】：

Google Fonts LATO 字体在 Firefox 上的 normal 字体粗细看起来比 Chrome 细很多（而 bold 字体粗细没有差异）。 -webkit-font-smoothing: antialiased;（如几个答案中所建议的）没有帮助。有解决此差异的建议吗？

【问题讨论】：

添加更多详细信息：在 Windows 10 上使用 Firefox 52 和 Chrome 56，我看不到您所显示的差异附近的任何地方。 i.imgur.com/jsZ1EQr.png -- 如果你能分辨出哪一边是哪一边加分。
我在 Win 10 上也有 FF 52 + Chrome 56。该项目的一位开发人员和我看到的一样。
那么可能需要更多的调试。显示设置 @font-face 的 CSS，检查您是否在本地安装了字体，检查正在下载哪些确切的字体供您的浏览器使用（例如，创建一个缩小的测试页面并仅检查该字体，不检查其他内容）和验证它们是否与您应该得到的相符，等等。
是否还有其他在级联中应用得更高的属性也可能被忽略或基于浏览器拾取。另一个想法是尝试使用权重的数字版本。您也可以通过以下方式获得帮助：stackoverflow.com/questions/5082632/…

【解决方案1】：

仅在本地加载您需要的子集（可能是拉丁语），而不是通过 Google Fonts API。这可能会解决您的问题。

Google Chrome 似乎忽略了您请求的子集，它会获取所有可用的子集及其 unicode 范围，并根据整个页面中找到的字符类型下载它们。

【讨论】：