Tag: fonts
Nabin Nepal (Starx) fonts
March 2, 2012

Arial Black – Websafe Font?

Question by User123

User123User123

Is Arial Black web safe?

I have read it is but when I put it in my font declaration, I am being given Times New Roman back.

Does anyone know why?

Kind Regards,

Ben

Answer by Starx

StarxStarx

I dont know how you declared your font. Normally, it should not happen the way you are saying it did.

Make sure you are declaring the font in this way

font-family: 'Arial Black', Gadget, sans-serif;

Here are some other common patterns on web safe fonts, for you to choose from.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Source

Nabin Nepal (Starx) css design fonts
November 17, 2010

Browser/OS support fonts

Question by waanders

waanderswaanders

Where can I find a list of browser safe fonts? I mean fonts I can use in my webpages which will be displayed correctly in different browsers and versions both with Windows and Mac.

UPDATE:

Yes, I know how to search with Google. I just thought someone at this forum could give me a link to a matrix with font/browser/browserversion/os support of fonts. Like http://www.quirksmode.org/compatibility.html for CSS support.

I found something that comes close to what I meant:
http://www.upsdell.com/BrowserNews/res_fonts.htm

Answer by Oded

OdedOded

There are such lists:

These is just one good link from a quick google search for “safe web font”.

You can learn quite a lot from the wikipedia entry for Web Typography.

Answer by Starx

StarxStarx

Go for most common fonts between all domains. I would suggest Verdana, it is probably one of the widely used font, which is supported by almost all OS.

Or go from one of the following list 

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;
...

Please fill the form - I will response as fast as I can!