Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Arial Black - Websafe Font?

Tags:

fonts

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?

like image 492
PI. Avatar asked Mar 02 '12 08:03

PI.


People also ask

Is Arial Black a web safe font?

That is why Arial is considered a web-safe font: you can safely use it in your CSS and be almost sure that the user's computer will have it installed. There are 9 web-safe fonts: Arial. Arial Black.

Is Arial a web safe font?

Arial is one of the safest web fonts, and it is available on all major operating systems.

Is Arial narrow a web safe font?

The following fonts are found in the "OTHER" section of the font drop-down menu in the TEXT toolbar and are considered to be web-safe: Arial Black. Arial MT Condensed Light. Arial Narrow.

Is Arial Black a standard font?

Overview. Arial Black is part of the extremely versatile Arial typeface family which can be used with equal success for text setting in reports, presentations, magazines etc, and for display use in newspapers, advertising and promotions. Only the regular weights ships with Windows and supports the larger characters set ...


2 Answers

According to Code Style Font Survey (actually the best estimate you can have) Arial Black is commonly installed on about 97% of Windows and Mac computers and 68% of Linux machines. So, it's fairly safe to use it, but you got to provide substitutes for it in your font stack. Something like:

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

If you wish it to appear, even when it's not really installed on your (or any user) system, then you'll have to embed the font file by using @font-face directive in your CSS.

Here's Code Style Survey: http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml

like image 141
Luis Paulo Lohmann Avatar answered Sep 22 '22 10:09

Luis Paulo Lohmann


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

like image 25
Starx Avatar answered Sep 21 '22 10:09

Starx