阻止Google Chrome使用本地字体

Question

我在我的网站上使用Raleway字体，但除非我在本地桌面上安装了字体，否则它无法正常显示。具体来说，重量总是大胆的。我也有其他人报道过这个。据我所知，这是因为Google正在尝试使用我的桌面字体来提高性能，但有没有办法在我的网站上使用CSS或JS来阻止这种情况？不涉及更改浏览器设置的解决方案。奇怪的是，字体在Googles字体库中正确显示。是的，我在其他网站上看到这个问题，我们是Raleway字体。

Answer 1

默认的Google字体API包括src: local(<font>)，这会使浏览器在下载Web字体之前先查找本地文件。如果您确实想避免这种情况，则可以创建自己的@font-face声明并省略local指令。使用类似Google Web Font Loader的方法来获取适当的@font-face声明，因为Google Font API仅返回特定浏览器的字体文件，并且我假设您希望与所有浏览器兼容。

Answer 2

您是否仅为Raleway导入大胆的样式？检查字体的导入URL是否有400（正常）。应该看起来像这样：

https://fonts.googleapis.com/css?family=Raleway:400,700

（这给你正常和粗体）

Answer 3

这是因为您没有选择所需的字体粗细。如果您检查该Google CSS文件 fonts.googleapis.com/css?family=Raleway:300,400,700，则会看到最后一个@ font-face的font-weight：700;。在CSS中，最后一个@ font-face优先于先前的定义。如果您未指定确切的字体粗细，浏览器将选择其默认字体-在您的示例中，该字体为粗体（700），因为它是最后定义的。