Then if a Mac user loads your site they see Helvetica Neue, but if they're on another platform they see Franklin. In both cases you also get to download the font for your desktop so you can use it in Photoshop for comps.Ī very cheap compromise is to buy Franklin from fontspring and then use 'HelveticaNeue-CondensedBold' as the preferred font in your CSS. / : Buy a pretty close alternative like Nimbus Sans Novus D from MyFont ($160 for unlimited pageviews), or Franklin Gothic FS Demi Condensed, from (about $21.95, flat one time fee with unlimited pageviews).You can download the font to your desktop with the most expensive plan (but if you're on a Mac you already have it).

Free (with a badge), $10/month for 250k pageviews and $100/month for 2.5M pageviews.

: License the real font as a webfont from.In case anyone is still looking for Helvetica Neue Condensed Bold, you essentially have two options. So this is the best font stack for Helvetica Neue Condensed Bold I could find: 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 I had the same problem and trouble getting it to work on all browsers. It's probably worth using: font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue' Īs a fallback, else other browsers might default to serif if they can't work it out. This works because I'm using the postscript name (find the font in Font Book, hit cmd+ I), which is non-standard behaviour. After a lot of fiddling, got it working (only tested in Webkit) using: font-family: 'HelveticaNeue-CondensedBold' įont-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!)

Helvetica neue bold condensed webfont