我花了很长时间才弄明白,Chrome总是喜欢本地安装的字体,而不是在css中链接的同名字体(另请参阅https://stackoverflow.com/a/27704394/1099519)。我的问题是如何弄清楚,迫使Chrome不这样做。
在我的CSS文件中,字体声明如下:
body{
...
font-family:Roboto,...;
font-weight:300;
....
}
在FF,IE,Edge中完美无缺:
但Chrome中的字体总是更厚:
原因:在我的私人Windows 10上以及商业计算机上的字体" Roboto"预装在Windows上:Robot Regular,Robot Condensed。但是没有Roboto Thin或Robot Light,所以看起来Chrome有一个回归Roboto Regular。
从Windows中删除Robot字体集时,Chrome会使用声明的网络字体并按照我想要的方式显示它。我无法弄清楚,如何强迫" Chrome不使用本地安装,而是使用CDN上的。
但是,Chrome 可以显示https://fonts.google.com/specimen/Roboto网站上所有不同版本的Roboto字体(即使使用我本地安装的Robot字体)。我无法找到完成这项工作的技巧。