List of Gorgeous Web Safe Fonts

List of Gorgeous Web Safe Fonts

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

impact

 

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

 

Palatino Linotype

palatino-linotype

 

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

 

Tahoma

tahoma

 

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

 

Century Gothic

century-gothic

 

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

 

Lucida Sans Unicode

lucida-sans-unicode

 

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

 

Arial Black

arial-black

 

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

 

Times New Roman

times-new-roman

 

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

 

Arial Narrow

arial-narrow

 

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

 

Verdana

verdana

 

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

 

Copperplate Gothic Light

copperplate-gothic-light

 

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

 

Lucida Console

lucida-console

 

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

 

Gill Sans

gill-sans

 

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

 

Trebuchet MS

trebuchet-ms

 

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

 

Courier New

courier-new

 

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

 

Arial

arial

 

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

 

Georgia

Georgia

 

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

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

Posted by Ingenium Llc.

Ingenium Llc.

iNGENIUM Llc. is an software development company from EU which delivers a full range of custom .NET, web and mobile solutions for different business to meet partner's demand.

The Power of Imagination Makes Us Infinite

Related Posts

Comments

comments powered by Disqus