Google 的 Open Sans 字体粗细

Question

我通过以下方式在 html 页面中使用 Google Open Sans 字体：

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

只有font-weight: 600; 使字体变粗。其他值似乎没有什么不同。如何使用 CSS 规则为该特定字体设置中间字体权重？或者我必须使用其他字体吗？

Answer 1

您使用的将仅包含400 字体粗细字体文件。为了获取其他字体粗细字体文件，您还需要选择字体粗细，例如

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

请注意，您使用的字体粗细越多，加载这些文件所需的时间就越长。要添加更多字体粗细，请按照以下步骤操作。

1. 转到Open Sans字体页面并点击选择此字体选项
2. 最大化页脚的框，然后点击自定义

1. 现在在这里，选择您要为此字体选择的字体粗细。大功告成，返回 Embed 并获取新 URL。