Jul 12, 2013 - If you want all browsers to use Arial whenever Helvetica is not available, you. Body { font-family: 'Helvetica', 'Arial', sans-serif; color: #444444;. Font-Face CSS3 Coolvetica Font Below is the font-face css code for Coolvetica font to add to your website's css file. You may use our server to host the font file for free.
New! My 44-page ebook 'CSS in 44 minutes' is out! 😃
font-family: 'Source Sans Pro', 'Arial', sans-serif;
When using multiple values, the
font-family
list of font families defines the priority in which the browser should choose the font family.The browser will look for each family on the user's computer and in any @font-face resource.
The list is prioritized from left to right: it will use the first value if it's available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.
In this example, the browser will try to use
Source Sans Pro
if it's available. If it can't find it, it will try to use Arial
. If it's not available either, it will use the browser's sans-serif
font.Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
font-family: sans-serif;
The browser will use a sans-serif font family: no character has stroke endings.
![Coolvetica Coolvetica](http://i.imgur.com/O4h7FmJ.png)
Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
font-family: cursive;
Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Hello world
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog