指定Google字体的样式和重量

我在我的几个页面中使用Google字体，并尝试使用字体的变体时碰到墙壁。 例如： http : //www.google.com/webfonts#QuickUsePlace : quickUse/ Family: Open+Sans

我通过链接标记导入三个面，正常，粗体，ExtraBold。 正常的脸部显示正确，但我不知道如何使用CSS中的字体的变种

我尝试所有以下作为字体家庭的属性，但没有骰子：

• “开放的大胆”
• “Open Sans 700”
• “Open Sans Bold 700”
• “Open Sans：Bold”

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

Answer 1

他们使用常规的CSS。

只需使用你的常规字体家族就可以了：

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

现在您可以通过添加来决定字体应该具有的“重量”

为半粗体

 font-weight:600; 

为粗体（700）

 font-weight:bold; 

为了加粗（800）

 font-weight:800; 

像这样它的后备certificate，所以如果谷歌字体应该“失败”您的备份字体Arial / Helvetica（无衬线）使用与谷歌字体相同的权重。

很聪明:-)

请注意，不同的字体重量必须通过标题中的链接标记url（谷歌字体url的家庭查询参数）专门导入。

例如，以下链接将包括权重400和700：

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

Answer 2

font-family：'Open Sans'，sans-serif;

对于light：font-weight：100; 或字体重量：较轻;

正常的：font-weight：500; 或字体重量：正常;

为粗体：font-weight：700; 或字体重量：粗体;

更大胆：font-weight：900; 或字体重量：更大胆;

Answer 3

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

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