Futura Condensed Extra Bold字体族在使用时无法生效。

Question

我觉得有些傻，但我该如何在CSS中显示Futura Condensed Extra Bold字体。在此之前，如果有人说Windows用户可能无法看到它，我知道，但这是为了Mac社区。然而，目前我甚至无法看到它，尽管我已经在系统中安装了该字体。所以我尝试了很多变化，但都没有成功。我已经尝试过加上引号、空格、短划线等所有方式，但仍然无法正常工作。

font-family: "Futura-CondensedExtraBold", sans-serif;

这是已安装字体的屏幕截图，您可以看到我使用的名称与PostScript名称相匹配。 字体书的屏幕截图

- hath22

---

+1 表示感觉自己像木偶。我不太清楚“感觉像木偶”是什么意思，但这句话让我微笑了。 - gilly3

为什么不尝试使用@font-face将字体包含在CSS中呢？ - Miljan Puzović

因为最终结果将是HTML电子邮件，不幸的是不支持字体。 - hath22

Futura也是一种有许可证的字体，因此如果您在@font-face中嵌入它，就会违反许可条款（即盗版）。 - Scott

Answer 1

大多数在网页上使用 Futura 字体的人都是通过像 Typekit 这样的服务加载。因此，如果您经常在喜欢的网站上看到这种字体，那就是因为这个原因。我建议尝试一下该服务或类似的服务，这样每个人都可以看到它。我相信有一个免费的个人版，只需要安装一个脚本即可。然后你的…

font-family: "Futura-CondensedExtraBold", sans-serif;

会起作用。只需检查Typekit用于加载此内容的内容。我认为这将是。

font-family: "futura-pt-condensed", sans-serif; font-weight: 600;

https://typekit.com/fonts/futura-pt-condensed

- Ross Edman

Answer 2

可能浏览器知道的字体名称与PostScript名称不同。您可以尝试使用列出已安装字体的工具（请参阅其说明），以确定名称。我猜它可能是“Futura Condensed ExtraBold”。

- Jukka K. Korpela

Answer 3

我自己也遇到了类似的问题。在Firefox中，您可能需要使用"Futura"与font-stretch和font-weight属性。 Webkit / Blink识别连字符字体。 这在我的Mac上跨浏览器运行：

font-family: "Futura-CondensedExtraBold", Futura, sans-serif;
font-stretch: condensed;
font-weight: bold;

电子邮件Web客户端会剥离CSS，因此请进行测试。

- djfarrelly

Answer 4

除了标志性的 Futura Condensed Extra Bold 外，nike.com 上的标题还使用 Trade Gothic Condensed Bold。

- airstrike

Answer 5

字体名称也因不一致而出了名，这可能是一个问题。您尝试过@font-face吗？这是一种更可靠的引用非标准字体的方法。请前往http://www.fontsquirrel.com/fontface/generator。

您需要一个OTF或TTF格式的字体。它会为您完成其余工作并压缩演示和转换后的字体。

- zombiedoctor