Css 网络字体：为什么不'；我的字体显示不出来吗？

字体正常工作，但样式表混乱，静态资产由应用服务器提供。当我将资源移动到CloudFront时，我的字体停止工作。我创建了一个例子来说明这个问题：

CSS:

HTML:

单空间

Helvetica Neue灯

Helvetica Neue bold

---

附加问题：我在@font-face声明中选择的“字体系列”是否重要？或者它可以是我想要的任何东西？

首先，您的字体系列名称因您的瘦字体类型而异： 声明中的Helvetica Neue Std 35 Thin，以及实际使用的Helvetica Neue 35 Thin

第二：字体位置应该在引号内：

'http://d39wu5b1mi9u0h.cloudfront.net/assets/HelveticaNeueLTStd-Th-cbecc0396d9eccbbeff4a92e06449eb1.woff“

---

第三，不能将@font-face转换为托管在不同域上的字体。浏览器不允许这样做。你必须在同一个域上托管字体，并从那里声明路径。

根据我的经验，从CDN加载字体会导致IE和FF出现问题，问题是它们无法加载。我已经尝试了多个修复程序，但都没有成功，尤其是大卫·沃尔什的修复程序

---

至于

字体系列：

您可以使用任何您喜欢的名称。

您的字体不会加载到JSFIDLE上，因为JSFIDLE使用https，但字体使用http协议。在chrome 41上，我遇到安全错误，字体未加载。此外，这可能也是您的应用程序服务器的问题。显然，问题是从另一台主机加载前端，我尝试https（正如CloudFront允许的那样），但字体仍然无法加载。谢谢，我创建了一个新的JSFIDLE（），解决了一些问题。最后，我认为我的问题是使用不同的主机或CDN，正如@Aaron在另一个答案中指出的。感谢您在

font-family

上给出的答案，我是一名后端开发人员，正在尝试做一些前端工作，我感谢您的帮助！

@font-face {
    font-family: 'Helvetica Neue Std 35 Thin';
    src: url(http://d39wu5b1mi9u0h.cloudfront.net/assets/HelveticaNeueLTStd-Th-cbecc0396d9eccbbeff4a92e06449eb1.woff) format("woff"),
         url(http://d39wu5b1mi9u0h.cloudfront.net/assets/HelveticaNeueLTStd-Th-94816ab73b42e623ce8fdd576647dbff.ttf) format("truetype");
}


@font-face {
    font-family: 'Helvetica Neue 75 Bold';
    src: url(http://d39wu5b1mi9u0h.cloudfront.net/assets/HelveticaNeueLTStd-Bd-4f24f787ae7577c7b0f8392ae2a62ad6.woff) format("woff"),
         url(http://d39wu5b1mi9u0h.cloudfront.net/assets/HelveticaNeueLTStd-Bd-4c5729a69333fbd9dfb4907d8eab440b.ttf) format("truetype");
}

p {
    font-size: 32pt;
    font-family: monospace;
}
p.normal {
    font-family:'Helvetica Neue 35 Thin';
}
p.bold {
    font-family:'Helvetica Neue 75 Bold';
}

<p>monospace</p>
<p class="normal">Helvetica Neue Light</p>
<p class="bold">Helvetica Neue Bold</p>