谷歌字体Yanone Kaffeesatz Light不显示

Question

我在我的网站上使用谷歌字体家族Yanone Kaffeesatz。我有下面的代码在我的头

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'>

在我的样式表中我有:

h1{font-size:2.0em; font-family: 'Yanone Kaffeesatz Light', arial, serif; line-height:1.2; z-index:999; position:relative }
h2{font-size:1.5em; line-height:1.3em; font-family: 'Yanone Kaffeesatz', arial, serif; }

h2显示良好。h1恢复为Arial。我也不能使用Bold或Book，只能使用正常版本。

Answer 1

字体族名始终为"Yanone Kaffeesatz"。要获得不同的粗细，请更改font-weight属性。示例:jsFiddle:

h1 {
    font-size:2.0em; 
    font-family: 'Yanone Kaffeesatz', arial, serif;
    font-weight: 200; 
}