如何在CSS中使用Helvetica Neue Condensed Bold？
我想在我的网页上使用Helvetica Neue Condensed Bold,但它似乎没有用.我试过这个:http://jsfiddle.net/ndFTL/但它不起作用,它只是显示为Helvetica Neue Bold.
我安装了Helvetica Neue Condensed Bold:
有人可以帮帮我吗？
Ric*_*haw 74
经过大量的摆弄,让它工作(仅在Webkit中测试)使用:
font-family: "HelveticaNeue-CondensedBold";
在CSS2和2.1之间删除了font-stretch,虽然回到了CSS3,但只在IE9中支持(从未想过我能说出任何CSS道具!)
这是有效的,因为我使用postscript名称(在Font Book中找到字体,点击cmd+ I),这是非标准行为.它可能值得使用:
font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue";
作为后备,否则其他浏览器可能会默认为serif,如果它们无法解决问题.
演示:http://jsfiddle.net/ndFTL/12/
- 真棒,是你.:) (4认同)
- @Radek但我真的没有看到使用它的意义 - 你可以放心地假设95%-99%的计算机没有安装这种字体.这只适用于您的计算机吗？ (4认同)
- 虽然`font-family`一般不接受PostScript字体名称(因为我在Firefox中尝试使用其他字体,但不起作用),[`@ font-face {src:local(...)}`does]( http://www.w3.org/TR/css3-fonts/#src-desc).这意味着你可以做一些事情,比如`@ font-face {font-family:Helvetica; font-weight:bold; src:local(HelveticaNeue-CondensedBold); }`. (4认同)
- @Radek你知道,只有在客户端的机器上安装了特定字体时,这才有效吗？我得到Times New Roman的小提琴 - 我至少会使用`Sans-Serif`作为最后一个后备. (3认同)
Mel*_*ros 37
我遇到了同样的问题,无法让它在所有浏览器上运行.
所以这是Helvetica Neue Condensed Bold最好的字体堆栈我可以找到:
font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight:600; font-stretch:condensed;
找到更多的堆栈:
http://rachaelmoore.name/posts/design/css/web-safe-helvetica-font-stack/
Gre*_*reg 12
如果有人还在寻找Helvetica Neue Condensed Bold,你基本上有两种选择.
- fonts.com:从fonts.com将真实字体许可为webfont.免费(带徽章),250k综合浏览量每月10美元,2.5M浏览量每月100美元.您可以使用最昂贵的计划将字体下载到桌面(但如果您使用的是Mac,则已经拥有它).
- myfonts.com/fontspring.com:卖像相当接近替代从MyFont雨云三世Novus公司d(160 $无限浏览量)或富兰克林哥特FS黛咪冷凝,从fontspring.com(约21.95 $,平坦一次费用与无限浏览量) .在这两种情况下,您还可以下载桌面的字体,以便在Photoshop中使用它来进行补偿.
一个非常便宜的折衷方案是从fontspring购买富兰克林,然后使用"HelveticaNeue-CondensedBold"作为CSS中的首选字体.
h2 {"HelveticaNeue-CondensedBold", "FranklinGothicFSDemiCondensed", Arial, sans-serif;}
然后,如果Mac用户加载您的网站,他们会看到Helvetica Neue,但如果他们在另一个平台上,他们会看到Franklin.
更新:我发现了与Helvetica Neue Condensed Bold更接近的比赛是Nimbus Sans Novus D Condensed bold.事实上,它也来自Helvetica.您可以在MyFonts.com上以20美元(桌面)和20美元(网页,10k综合浏览量)获取.无限浏览量的网站是160美元.因为它导致了设计,是跨浏览器更均匀我用整个(即不是利用了Mac内置的"NimbusSansNovusDBoldCondensed"在所有)这个字体.内置HN和Nimbus Sans在所有方面都非常相似,但是点大小.Nimbus需要一些额外的点来获得相同的大小匹配.