指定Google字体的样式和重量

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

我正在通过链接标记导入三个面,正常,粗体,ExtraBold。 正常的脸部显示正确,但我无法弄清楚如何在我的CSS中使用字体的变体

我尝试了以下所有的字体家族属性,但没有骰子:

  • 'Open Sans Bold'
  • '开放Sans 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;
    

    就像这个它的后备证明,所以如果谷歌字体应该“失败”您的备份字体Arial / Helvetica(无衬线)使用与谷歌字体相同的权重。

    非常聪明:-)

    请注意,不同的字体重量必须通过标题中的链接标记网址(谷歌字体网址的家庭查询参数)专门导入。

    例如,以下链接将包括权重400和700:

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

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

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

    for normal:font-weight:500; 或字体重量:正常;

    粗体:font-weight:700; 或字体重量:粗体;

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


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

    body{
     font-family: 'Heebo', sans-serif;
     font-weight: 100;
    }
    
    链接地址: http://www.djcxy.com/p/65049.html

    上一篇: Specifying Style and Weight for Google Fonts

    下一篇: Using .otf fonts on web browsers