html chrome中引入外部字体,强制Chrome在CSS中使用外部字体

我花了很长时间才弄明白,Chrome总是喜欢本地安装的字体,而不是在css中链接的同名字体(另请参阅https://stackoverflow.com/a/27704394/1099519)。我的问题是如何弄清楚,迫使Chrome不这样做。

在我的CSS文件中,字体声明如下:

body{

...

font-family:Roboto,...;

font-weight:300;

....

}

在FF,IE,Edge中完美无缺:

3UKzj.png

但Chrome中的字体总是更厚:

25Frt.png

原因:在我的私人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字体)。我无法找到完成这项工作的技巧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值