7

问这个问题我感觉像个布偶，但我怎样才能让Futura Condensed Extra Bold出现在 CSS 中。

在有人说之前，是的，我知道那里的那些 Windows 人将无法看到它，但这是针对 Mac 社区的，无论如何在这个阶段我什至看不到它，我的系统上安装了字体。

所以我尝试了这个短语的很多变体，但都没有奏效。我已经尝试过使用和不使用引号、空格、破折号等各种方式，但它仍然无法正常工作。

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

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

字体册截图

4

5 回答 5

4

大多数在网络上使用 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

于 2012-10-12T16:02:32.787 回答
2

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

于 2012-08-02T06:43:28.600 回答
1

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

于 2015-02-27T04:10:52.567 回答
1

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

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

电子邮件 Web 客户端会去除 CSS，因此请对其进行测试。

于 2013-07-25T17:01:34.167 回答
1

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

您需要字体的 OTF 或 TTF。它会为您完成剩下的工作并压缩演示和转换后的字体。

于 2012-10-09T16:16:57.323 回答