仅对特定字重的字体浏览器呈现存在差异

3

在Firefox上,相比Chrome浏览器,Google Fonts的LATO字体在正常字体重量下看起来更加细小(但在粗体字体重量下没有差异)。使用-webkit-font-smoothing: antialiased;并不能解决这个问题。有什么建议可以解决这个差异吗?

enter image description here


添加更多细节:在Windows 10上使用Firefox 52和Chrome 56,我没有看到您展示的差异。http://i.imgur.com/jsZ1EQr.png--如果您能告诉哪一边是哪一边,那就更好了。 - Mike 'Pomax' Kamermans
我在Win 10上安装了FF 52和Chrome 56。该项目的另一位开发人员看到的与我看到的相同。 - drake035
然后可能需要进行更多的调试。显示设置@font-face的CSS,检查您是否在本地安装了字体,检查浏览器正在下载哪些精确的字体以供使用(例如,创建一个简化的测试页面并仅检查该字体,而不是其他内容),并验证它们是否与您应该获得的匹配等。 - Mike 'Pomax' Kamermans
有没有其他应用于级联中的属性,可能也会被忽略或根据浏览器选择。另一个想法是尝试使用权重的数字版本。此外,您可能会受到以下帮助: https://dev59.com/m2445IYBdhLWcg3wBVrz - josh.chavanne
1个回答

1

只加载你需要的子集(可能是拉丁字母)本地文件,而不是通过Google Fonts API。这可能会解决你的问题。

Google Chrome似乎会忽略你请求的子集,它会获取所有可用的子集以及它们的Unicode范围,并根据页面中发现的字符类型下载它们。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接