我在我的一些页面中使用Google字体，并在尝试使用字体的变体时碰壁 . 示例：http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans
我通过链接标签导入三个面，Normal，Bold，ExtraBold . 正常的面部显示正确，但我无法弄清楚如何在我的CSS中使用字体的变体
我尝试了以下所有作为font-family的属性，但没有骰子：
-
'Open Sans Bold'
-
'Open Sans 700'
-
'Open Sans Bold 700'
-
'Open Sans:Bold'
谷歌文档本身并没有提供太多帮助 . 任何人都知道如何编写我的CSS规则来显示这些变体？
3 回答
他们使用常规CSS .
只需使用这样的常规字体系列：
现在你通过添加来确定字体的“重量”
对于半粗体
用于粗体（700）
额外的大胆（800）
像这样的后备证明，所以如果谷歌字体应该“失败”你的备用字体Arial / Helvetica（Sans-serif）使用与谷歌字体相同的重量 .
很聪明:-)
请注意，必须通过 Headers 中的链接标记网址（谷歌字体网址的族查询参数）专门导入不同的字体权重 .
例如，以下链接将包括权重400和700：
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字体中指定的权重值 .