Google Font Yanone Kaffeesatz Light not displayed

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。我不能使用粗体或书本，只有正常版本。

Answer 1

字体家族名称永远是“Yanone Kaffeesatz”。要获得不同的权重，请更改font-weight属性。 Example at jsFiddle:

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