我使用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>
问题出在哪里？
Thx
"Open Sans Light"不是字体家族的有效表示形式。"Open Sans"的"Light"（300重量）版本是：
在您的文档标题中：
<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;
我看到了一些建议，但对我有用的是用加载我的字体
<link href='http://fonts.googleapis.com/css?family=Open+Sans:Light' rel='stylesheet' type='text/css'>
在.css中，我不得不使用以下定义：
color: #0140be;
font-family: 'Open Sans';
font-style: Light;
font-size: 20px;
font-weight: normal;
因此，与其拥有：
font-family: 'Open Sans Light'
我使用
font-family: 'Open Sans';
font-style: Light;
并且它工作于
似乎所有的浏览器都在以某种方式使用不同的定义，至少是这种字体。我把它安装在我的网站上，并试图弄清楚如何让它在所有浏览器中看起来都是下降的，而不仅仅是chrome和opera，就像所有其他浏览器一样，firefox、ie和safari都把这些字体搞砸了。直到我不小心让firefox看到字体还可以，但随后chrome和opera就完蛋了。就在那时，我意识到，实际上用两种不同的方式分配相同的字体可以解决问题：如果浏览器对第一个定义满意，它就不会看下一个，否则它会选择第二个。啊，代码本身：
font-family:开无浓缩光，开无浓缩；
我用它为不同的div分配字体。干杯，希望这能有所帮助。
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
进入<head>元素并下载浅色和常规字体
在css样式中：ul、p、h1、h2、h3、h4、h5、li、dd、dt、a{font-family:'Open Sans'，Sans-serif；字体重量：300；字体样式：普通；为基于web的字体和（本地）回退字体设置（大多数）元素。font-style: normal是默认值，因此它不是必需的。（Font-style:Light不是有效属性。）