html - 无法以 'light' 粗细显示 google 字体

标签 html css google-font-api

我正在尝试使用 Merriweather from Google Fonts .

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

在我的 <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 来链接到 google 字体

最佳答案

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

关于html - 无法以 'light' 粗细显示 google 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41351833/

相关文章:

Php通过html表单选择行,并写入txt文件

css - SCSS - 结合/缩短/简化代码与参数?

html - 左浮动 div 未正确堆叠

html - 为什么我的代码可以在 codepen 上运行,但不能在我的编辑器上运行?

css - 使用 float left 忽略文本高度不起作用,但 right 可以

html - 对齐不适用于 firefox

html - 调整窗口大小时从左下角制作背景图像 "grow"

css - 谷歌字体如何找出图片上使用了哪种字体

css - 将 @import 用于谷歌字体在 Internet Explorer 上不起作用

html - 需要在发起http响应后通知邮件发送状态