LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Website / Website Tips » Default List Of All Web-Safe-Fonts With There CSS

Default List Of All Web-Safe-Fonts With There CSS

Default-List-Of-All-Web-Safe-Fonts-With-There-CSS
I have gathered together a nice resource list of stunning web safe fonts that you can use with CSS stylesheets. “Web Safe” fonts mean that they will be extremely common on most versions of Windows, Mac, Linux etc, so they will be viewable by more a less everyone. 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. If you have any others please drop in a comment.

Impact::

impact

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

Palatino Linotype:

palatino-linotype

.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

Tahoma:

tahoma

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

Century Gothic:

century-gothic

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

Lucida Sans Unicode:

lucida-sans-unicode

.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

Arial Black:

arial-black

.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}

Times New Roman:

times-new-roman

.classname {
color: #333333;
font-family: 'Times New Roman', Times, serif;
}

Arial Narrow:

arial-narrow

.classname {
color: #333333;
font-family: 'Arial Narrow', sans-serif;
}

Verdana:

verdana

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

Copperplate Gothic Light:

copperplate-gothic-light

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

Lucida Console:

lucida-console

.classname {
color: #333333;
font-family: 'Lucida Console', Monaco, monospace;
}

Trebuchet MS:

trebuchet-ms

.classname {
color: #333333;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

Courier New:

courier-new

.classname {
color: #333333;
font-family: 'Courier New', Courier, monospace;
}

Arial:

arial

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

Georgia:

georgia

.classname {
color: #333333;
font-family: Georgia, Serif;
}

 

FontFontFont
Andale MonoArialArial Bold
Arial ItalicArial Bold ItalicArial Black
Comic Sans MSComic Sans MS BoldCourier New
Courier New BoldCourier New ItalicCourier New Bold Italic
GeorgiaGeorgia BoldGeorgia Italic
Georgia Bold ItalicImpactLucida Console
Lucida Sans UnicodeMarlettMinion Web
SymbolTimes New RomanTimes New Roman Bold
Times New Roman ItalicTimes New Roman Bold ItalicTahoma
Trebuchet MSTrebuchet MS BoldTrebuchet MS Italic
Trebuchet MS Bold ItalicVerdanaVerdana Bold
Verdana ItalicVerdana Bold ItalicWebdings

 

You Like It, Please Share This Recipe With Your Friends Using...

4 Responses to “Default List Of All Web-Safe-Fonts With There CSS”

  1. VIJAY DINANATH CHAUHAN says:

    I love to read your articles, but now you post only for wordpress not for blogger. Subscribers also want blogger tutorials. Please update regular your blogger tutorials.

  2. Satish Ratna says:

    Excellent blog…thanks for sharing such things…its very interesting…i’m searching for this information from long time…

Leave a Reply

Your email address will not be published. Required fields are marked *