如何在CSS中使用Helvetica Neue Condensed Bold？ [英] How can I use Helvetica Neue Condensed Bold in CSS?

问题描述

我想在我的网页上使用Helvetica Neue Condensed Bold，但它似乎不工作。我试过这样： http://jsfiddle.net/ndFTL/ 但它不工作，它只是显示为Helvetica Neue Bold。

我安装了Helvetica Neue Condensed Bold：

有人可以帮我吗？

解决方案

经过很多小事，让它工作（只在Webkit测试）使用：

  font-family：HelveticaNeue-CondensedBold; 
  

font-stretch在CSS2和2.1之间删除，虽然返回CSS3， IE9（从来没有想过我可以说任何CSS支持！）

这是因为我使用postscript名称（在Font Book中找到字体，点击 cmd + I ），这是非标准行为。可能值得使用：

  font-family：HelveticaNeue-CondensedBold，Helvetica Neue 
  

作为备用，其他浏览器可能会默认为serif，如果他们不能工作。 / p>

演示： http://jsfiddle.net/ndFTL/12/

I want to use Helvetica Neue Condensed Bold on my webpage but it doesn't seem to be working. I have tried this: http://jsfiddle.net/ndFTL/ but it does not work, it simply shows up as Helvetica Neue Bold.

I have Helvetica Neue Condensed Bold installed:

Could anyone please help me out?

解决方案

After a lot of fiddling, got it working (only tested in Webkit) using:

font-family: "HelveticaNeue-CondensedBold";

font-stretch was dropped between CSS2 and 2.1, though is back in CSS3, but is only supported in IE9 (never thought I'd be able to say that about any CSS prop!)

This works because I'm using the postscript name (find the font in Font Book, hit cmd+I), which is non-standard behaviour. It's probably worth using:

font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue";

As a fallback, else other browsers might default to serif if they can't work it out.

Demo: http://jsfiddle.net/ndFTL/12/

这篇关于如何在CSS中使用Helvetica Neue Condensed Bold？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！