指定Google字体的样式和粗细

我在一些页面中使用Google字体，并在尝试使用字体变体时碰壁。例： http //www.google.com/webfonts#QuickUsePlace quickUse/ Open+Sans

我通过链接标签导入了三张脸，普通，粗体，额外粗体。正常人脸可以正确显示，但是我无法弄清楚如何在CSS中使用字体的变体

我尝试将以下所有内容用作字体家族的属性，但没有骰子：

• “ Open Sans Bold”
• '开放无人区700'
• 'Open Sans Bold 700'
• “ Open Sans：Bold”

谷歌文档本身并没有提供太多帮助。任何人都知道如何编写CSS规则以显示这些变体？

他们使用常规CSS。

像这样使用常规字体家族：

font-family: 'Open Sans', sans-serif;

现在，您可以通过添加来确定字体应具有的“粗细”

对于半粗体

font-weight:600;

大胆的（700）

font-weight:bold;

超粗体（800）

font-weight:800;

像这样，它的后备证明，因此，如果Google字体应“失败”，则您的备用字体Arial / Helvetica（Sans-serif）使用与Google字体相同的粗细。

很聪明:-)

请注意，必须通过标头中的链接标签url（google字体url的族查询参数）专门导入不同的字体粗细。

例如，以下链接将同时包含权重400和700：

<link href='fonts.googleapis.com/css?family=Comfortaa:400,700'; rel='stylesheet' type='text/css'>

问题是：您无法指定Google字体集中不存在的字体粗细。单击字体下方的SEE SPECIMEN链接，然后向下滚动到STYLES（样式）部分。在这里，您会看到该特定字体可用的每种“样式”。遗憾的是，Google并未列出每种样式的CSS字体粗细。名称是如何映射到CSS字体重量数字的：

Thin            100     
Extra Light     200
Light           300
Regular         400
Medium          500
Semi-Bold       600
Bold            700
Black           900

请注意，几乎所有9种粗细字体都很少。

font-family:'Open Sans' , sans-serif;

对于光： font-weight : 100; 或 font-weight : lighter;

对于正常： font-weight : 500; 还是 font-weight : normal;

对于粗体： font-weight : 700; 或 font-weight : bold;

欲了解更多更大胆： font-weight : 900; 或者 font-weight : bolder;

您可以使用Google字体中指定的权重值。

body{
 font-family: 'Heebo', sans-serif;
 font-weight: 100;
}