Open Sans Condensed Light无法在Firefox中运行

Question

我从Google Web Fonts下载了Open Sans Condensed Light字体,并附上了他们的CSS代码:

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=greek-ext&v2'
      rel='stylesheet' type='text/css'>

但除了Firefox之外的每个浏览器都显示出确切的字体系列,即它在IE,Chrome,Safari中看起来很好,但在Firefox中却看不到.

这是我的CSS和HTML代码:

h2.title-border {
    border-bottom: 1px solid #000;
    margin-top: 10px;
    line-height: 45px;
    margin-bottom: 15px;
}

.heading-sub {
    background: #000;
    font-family: "Open Sans Condensed Light";
    font-weight: normal;
    text-transform: none;
    font-size: 32px;
    padding: 0 15px;
    margin-bottom: 0px;
    color: #fff;
    border-bottom: 1px solid #000;
}

HTML:

<h2 class="title-border"><span class="heading-sub">About Us</span></h2>

能否请您建议,我应该如何修复Firefox？

Answer 1

根据API,您应该调用这样的字体

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

的光变体需要被具体地称为,即:light.

其他浏览器可能忽略了Light样式表中的内容,并为您提供Open Sans CondensedAPI调用中要求的内容.

看这里

Answer 2

Condensed是"Open Sans"字体的"风格",不是名称的一部分.这对我有用.

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


.selector
{
    font-family:'Open Sans';
    font-style:condensed;
}