css – 指定Google字体的样式和权重

前端之家收集整理的这篇文章主要介绍了css – 指定Google字体的样式和权重前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的几个页面中使用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字体相同的权重。

相当聪明:-)

猜你在找的CSS相关文章