Arial Black - Websafe font?

Question

Is Arial Black web safe?

I read this, but when I put it in my font declaration, they give me Times New Roman back.

Does anyone know why?

Answer 1

According to a Code Style Font Survey font review (actually the best rating you can get), Arial Black is usually installed on approximately 97% of Windows and Mac computers and 68% of Linux machines. Thus, it is safe enough to use it, but you must ensure that it is replaced in the font stack. Something like:

.my-style { font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; 

If you want it to appear even if it was not installed on your (or any user) system, you will have to embed the font file using the @ font-face directive in your CSS.

Here's a code style overview: http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml

Answer 2

I do not know how you declared your font. Usually this should not happen as you say.

Make sure you declare the font this way

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

Here are some other common patterns for 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; 

A source

Answer 3

No, it is no longer supported by Firefox (error).

See http://support.mozilla.org/en-US/questions/796630

Or https://bugzilla.mozilla.org/show_bug.cgi?id=644385

Some hacks have been suggested here to make it work: Is there a trick to show Arial Black in Firefox?

Answer 4

It is safe for websites, yes.

Have you tried using voice tags?

'Arial Black'

Answer 5

Set the font size to 900 and then your font family

 {font-weight: 900; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;} 

Works great for me.