ios - CSS font-family HelveticaNeue-Light 不呈现粗体

Question

让 iOS 7/8 正确呈现我的字体让我很头疼。 iOS 似乎不知道如何渲染 Helvetica Neue Light 的粗体变体 (HelveticaNeue-Light/HelveticaNeue-Bold)。

例如我有以下 CSS 选择器:

body {
    font-family: "HelveticaNeue-Light";
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: 600;
}

还有我的标记:

<li>
    <h1>A. Crimson Tide UK (Enabled Customer - UK Depot)</h1>
    <h2>1-14</h2>
    <h2>10:00 - 11:00</h2>
    <p>0914 Desc</p>
</li>

每当我有 h1 标签时，iOS 似乎都会呈现 Helvetica Neue Condensed Bold (HelveticaNeue-CondensedBold) - 而不是 Helvetica Neue Bold (HelveticaNeue-Bold)。

这是我的网页截图:

为什么它呈现 Helvetica Neue Condensed Bold 而不是 Helvetica Bold - 我没有在我的 CSS 中的任何地方设置 Condensed!

如果我将 h1 font-weight 设置为 900，它会在 Helvetica Neue 中呈现，并且略显粗体，但不是我想要的权重。

如果有人能阐明这一点，我们将不胜感激。

先谢谢你。

Answer 1

我通过定义 HelveticaNeue 字体然后指定权重并将它们指向相应的本地字体文件来解决这个问题，如下所示:

@font-face {
    font-family: "HelveticaNeue";
    font-weight: 100;
    src: local("Helvetica Neue Thin"),
    local("HelveticaNeue-Thin");
}

@font-face {
    font-family: "HelveticaNeue";
    font-weight: 300;
    src: local("Helvetica Neue Light"),
    local("HelveticaNeue-Light");
}

@font-face {
    font-family: "HelveticaNeue";
    font-weight: normal;
    src: local("Helvetica Neue"),
    local("HelveticaNeue");
}

@font-face {
    font-family: "HelveticaNeue";
    font-weight: bold;
    src: local("Helvetica Neue Bold"),
    local("HelveticaNeue-Bold");
}

然后指定为主体的首选字体系列和粗细:

body {
    font-family: HelveticaNeue, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}

这样，所有的权重都在我的控制之下——粗体永远不会变成粗体，它仍然是粗体。

回到为什么 iOS8 这样做......不知道。