Typophile

helvetica neue and css

tyleryoung

hi all,

i'm trying to target mac web users with helvetica neue, and pc users with arial in a new web property i'm building.

however, i'm having trouble calling out helvetica neue's extended family members like light or ultralight. the only way i can mess with the glyph weight is via css' generic tags, which only modify helvetica neue regular.

can anyone verify that targeting fonts in extended families like this is possible via html/css? and if so, how?

thanks!

Frode Bo Helland

You need to call the font by it‘s full name, enclosed in " "

Riccardo Sartori

Also note that, being Helvetica Neue not hinted for screen, if someone with a PC happens to have it on her/his Windows PC, it will look less than good (crappy, actually).
For specifying font weights via CSS, you can find interesting the following:
http://www.clagnut.com/blog/2228/

Frode Bo Helland

If you're going down the Neo Grotesque path, maybe these are helpful. The full article isn't finished quite yet – grey squares mark missing samples. (And there's also additional samples with different sizes.)


tyleryoung

awesome, frode and riccardo, thank you so much for your help.

Captured from web.archive.org on 15 Apr 2015. view this capture