某些字体权重无法呈现给本地计算机

时间:2016-06-21 17:28:11

标签: html css fonts

我有一个使用Google字体的网页,并引用字体:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans">

调用特定权重也没有改变效果。 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:600,400">

根据下面的屏幕截图,我没有在我的本地计算机上安装Open Sans。 enter image description here

通过Web检查器,您可以看到我有400作为设置字体权重。当我从200一直过渡到600时,您会看到只有在输入600后,字体才会变为适当的重量(600):

enter image description here

我通过让同事在他的计算机上编辑来检查同一页面来仔细检查这个问题。他能够呈现正确的字体重量。

即使我已正确引用,我的字体也无法渲染。

2 个答案:

答案 0 :(得分:0)

找出解决方案。如果您使用Typekit Font Sync与任何Adobe产品集成的任何冲突字体版本,则需要在Typekit帐户中禁用该字体。

答案 1 :(得分:0)

您必须获得要使用的不同权重:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">