我在我的几个页面中使用Google字体,并在尝试使用字体的变体时打墙。示例:
http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans
我通过链接标签导入三个面,普通,粗体,ExtraBold。正常的脸正确显示,但我不知道如何使用我的CSS中的字体的变体
我尝试所有以下作为font-family的属性,但没有骰子:
>’Open Sans Bold’
>’Open Sans 700′
>’Open Sans Bold 700′
>’Open Sans:Bold’
google文档本身不提供很多帮助。任何人都有一个想法,我应该如何编写我的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字体相同的权重。
相当聪明:-)