Normally, I use "Helvetica Neue"
for the fonts in some websites although looking at other sites, I've seen some with "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue"
.
Is there any reason to reference Helvetica Neue in this way? Or should I stick with the normal that I use?
It's a default font on Macs, but rare on PCs. Since it's not technically web-safe, some people may have it and some people may not.
Well, the bottom line is that it is best to not use Helvetica for text on web pages. Instead, use one of the sans serif fonts that are supported on both PCs and Macs; Arial, Tahoma, Verdana and Trebuchet MS. If you want to use Helvetica or other fonts, by all means use them in graphics, but not in HTML text.
This font is commercial property and is not allowed to use without proper licensing for usage. It's legal to ask the browser to use Helvetica Neue if it's available on the system, but you'd need a license if you want to serve the font yourself.
The browser will attempt to match each font name with any installed fonts on the user's machine (in the order they have been listed). In your example "HelveticaNeue-Light" will be tried first, if this font variant is unavailable the browser will try "Helvetica Neue Light" and finally "Helvetica Neue" .
I'd recommend this article on CSS Tricks by Chris Coyier entitled Better Helvetica:
http://css-tricks.com/snippets/css/better-helvetica/
He basically recommends the following declaration for covering all the bases:
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With