List of Gorgeous Web Safe Fonts

Here is the list of websafe fonts that we in iNGENIUM use in our everyday web development. Websafe (or "web safe", "safe for the web") fonts are supposedly fonts that are common among all versions of Windows, Mac, Linux, etc. Fonts that you expect everyone viewing your webpage to have. These font names are in typical font-family CSS format, in other words (first choice font), (second choice font), (third choice font), etc.

I made them that way so you could easily copy and paste them into your CSS code. Also, each font comes with a CSS Generic Font Family fallback font (such as serif or sans-serif), in case the primary (and secondary) font is not found. Now let’s continue with the article…along with each font is a preview image of what it looks like, and the raw CSS code that you can copy and paste directly into your own stylesheet to use the font.

Impact

[css].classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}[/css]

Palatino Linotype

[css].classname {
color: #333333;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
}[/css]

Tahoma

[css].classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}[/css]

Century Gothic

[css].classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}[/css]

Lucida Sans Unicode

[css].classname {
color: #333333;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
}[/css]

Arial Black

[css].classname {
color: #333333;
font-family: ‘Arial Black’, Gadget, sans-serif;
}[/css]

Times New Roman

[css].classname {
color: #333333;
font-family: ‘Times New Roman’, Times, serif;
}[/css]

Arial Narrow

[css].classname {
color: #333333;
font-family: ‘Arial Narrow’, sans-serif;
}[/css]

Verdana

[css].classname {
color: #333333;
font-family: Verdana, Geneva, sans-serif;
}[/css]

Copperplate Gothic Light

[css].classname {
color: #333333;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}[/css]

Lucida Console

[css].classname {
color: #333333;
font-family: ‘Lucida Console’, Monaco, monospace;
}[/css]

Gill Sans

[css].classname {
color: #333333;
font-family: Gill Sans / Gill Sans MT, sans-serif;
}[/css]

Trebuchet MS

[css].classname {
color: #333333;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}[/css]

Courier New

[css].classname {
color: #333333;
font-family: ‘Courier New’, Courier, monospace;
}[/css]

Arial

[css].classname {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}[/css]

Georgia

[css].classname {
color: #333333;
font-family: Georgia, Serif;
}[/css]

If you like this article, you'll love this one.