无法以'轻'重量显示谷歌字体

时间:2016-12-27 20:30:54

标签: html css google-font-api

我正在尝试使用Merriweather from Google Fonts

我可以使用常规粗体权重,但我无法使 light 权重工作。

在我的<head>中,您可以看到我正在链接到所有三个权重:

<link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700" rel="stylesheet">

然而,在我的CSS中,以下似乎没有使用较轻的字体重量:

font-weight:300

这是一个有这个问题的CodePen: http://codepen.io/vivmaha/pen/XNLEoE

除此之外 - 我想将剪辑直接嵌入到SO中,但我需要使用codepen链接到谷歌字体

1 个答案:

答案 0 :(得分:0)

原来这是因为我在本地操作系统上安装了字体。 浏览器使用操作系统中的字体而不是谷歌的服务器。 但是,OS字体没有安装轻量级。