在Firefox上渲染Open Sans Light的问题

Question

我使用Open Sans Light在IE和Chrome上显示html页面没有问题,但是在使用Firefox时,它不理解这种类型的字体.

这是定义我的字体的.css部分:

 .txtName
 {
     margin-left: 18px;
     font-size: 20px;
     color: #0140be;
     font-family: 'Open Sans Light' !important;
     font-weight:normal;
     line-height: 1.4em;   
 }

这是html文件中需要在IE,Chrome和FF上显示相同的部分:

<div class="txtName-Main">
     <h1 class="txtName">Your pathway to success starts here</h1>
</div>

可能是什么问题？

谢谢

Answer 1

'Open Sans Light'不是font-family的有效表示.'Light'(300重量)版本的'Open Sans'是:

在您的文件的头部:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>

在你的CSS中:

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