Futura Condensed Extra Bold字体系列不起作用



问这个问题我觉得自己像个布偶,但我如何才能让Futura Condensed Extra Bold出现在CSS中。

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

所以我尝试了很多这个短语的变体,但都不起作用。我试过使用和不使用引号、空格、破折号等,但仍然不起作用。

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

这是安装字体的屏幕截图,因为你可以看到我使用的名称也与PostScript名称匹配。

Font Book 的屏幕截图

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

可能浏览器不知道这个名称。这可能与PostScript名称不同。请尝试使用列出已安装字体的工具(请参阅其说明)来确定名称。我的猜测是,它可能是"未来浓缩ExtraBold"。

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

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

我自己也遇到过类似的问题。在Firefox中,您可能只需要将"Futura"font-stretchfont-weight属性一起使用。Webkit/Blink识别连字符字体。这已经为我在Mac上的跨浏览器工作:

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

电子邮件web客户端去掉css,所以一定要测试它。

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

最新更新