Google 的 Open Sans 字体粗细

Google's Open Sans font weight

我在 html 页面中使用 Google 打开 Sans 字体,方法是:

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

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

您使用的将仅包含 400 字重字体文件。为了获得其他字体粗细字体文件,您还需要 select 字体粗细,例如

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

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

  1. 转到 Open Sans 字体页面并单击 Select This Font 选项
  2. 最大化页脚上的框,然后单击 自定义

  1. 现在在这里,select 您希望为该字体 select 设置的字体粗细。完成后,返回 Embed 并获取新的 URL.