Google字体Yanone Kaffeesatz Light无法显示

Question

我在我的网站上使用Google字体系列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属性。 Example at jsFiddle:

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