Change Language


Follow Navioo On Twitter

font

Defines the properties for the font for the element.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
3.0+ 4.0+ 1.0+ 6.0+ 1.0+

Usage

[font-family] [font-size] [font-size-adjust] [font-stretch] [font-style] [font-variant] [font-weight]

Values

Value IE Netscape Mozilla Opera Safari
*
 
inherit
 
serif
 
sans-serif
 
cursive
 
fantasy
 
monospace
 
"Courier New", Courier, monospace
 
"MS Serif", "New York", serif
 
"Times New Roman", Times, serif
 
"MS Sans Serif", Geneva, sans-serif
 
Verdana, Geneva, Arial, Helvetica, sans-serif
 
Arial, Helvetica, sans-serif
 
"Agency FB"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Arial
 
"Arial Black"
 
"Arial Narrow"
 
"Arial Rounded MT Bold"
 
"Blackadder ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bodoni MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bodoni MT Black"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bodoni MT Condensed"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Book Antiqua"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bookman Old Style"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bookshelf Symbol 7"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Bradley Hand ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Calisto MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Castellar
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Century Gothic"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Charcoal
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
Collegiate-Normal
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Comic Sans MS"
 
"Copperplate Gothic Bold"
 
"Copperplate Gothic Light"
 
Courier
 
"Courier New"
 
"Curlz MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Default
 
"Edwardian Script ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Elephant
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Engravers MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Eras Bold ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Eras Demi ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Eras Light ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Eras Medium ITC"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Estrangelo Edessa"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Felix Titling"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Fixedsys
3.0+ 4.0+ 1.0+ 6.0+ no
 
Forte
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Book"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Demi"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Demi Cond"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Heavy"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Medium"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Franklin Gothic Medium Cond"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"French Script MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Futura
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
Gadget
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
Garamond
3.0+ 4.0+ 1.0+ 6.0+ no
 
Gautami
3.0+ 4.0+ 1.0+ 6.0+ no
 
Georgia
 
Geneva
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
Gigi
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Gill Sans MT"
 
"Gill Sans MT Condensed"
 
"Gill Sans MT Ext Condensed Bold"
 
"Gill Sans Ultra Bold"
 
"Gill Sans Ultra Bold Condensed"
 
"Gloucester MT Extra Condensed"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Goudy Old Style"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Goudy Stout"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Haettenschweiler
3.0+ 4.0+ 1.0+ 6.0+ no
 
Helvetica
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
Impact
 
"Imprint MT Shadow"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Kartika
3.0+ 4.0+ 1.0+ 6.0+ no
 
Latha
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Lucida Console"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Lucida Grande"
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
"Lucida Sans"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Lucida Sans Typewriter"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Lucida Sans Unicode"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Maiandra GD"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Mangal
3.0+ 4.0+ 1.0+ 6.0+ no
 
Marlett
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Microsoft Sans Serif"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Modern
3.0+ 4.0+ 1.0+ 6.0+ no
 
Monaco
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
"Monotype Corsiva"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MS Outlook"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MS Reference Sans Serif"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MS Reference Specialty"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MS Sans Serif"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MS Serif"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"MV Boli"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"New York"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Nina
3.0+ 4.0+ 1.0+ 6.0+ no
 
"OCR A Extended"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Palace Script MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Palatino Linotype
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
"Palatino Linotype"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Papyrus
 
Perpetua
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Perpetua Titling MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Pristina
3.0+ 4.0+ 1.0+ 6.0+ no
 
Raavi
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Rage Italic"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Rockwell
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Rockwell Condensed"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Rockwell Extra Bold"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Roman
3.0+ 4.0+ 1.0+ 6.0+ no
 
Script
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Script MT Bold"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"SF Collegiate"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"SF Collegiate Solid"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Shruti
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Small Fonts"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Sylfaen
3.0+ 4.0+ 1.0+ 6.0+ no
 
Symbol
 
System
 
Tahoma
 
Terminal
 
Times
 
"Times New Roman"
 
"Trebuchet MS"
 
Tunga
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Tw Cen MT"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Tw Cen MT Condensed"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Tw Cen MT Condensed Extra Bold"
3.0+ 4.0+ 1.0+ 6.0+ no
 
Verdana
 
Vrinda
3.0+ 4.0+ 1.0+ 6.0+ no
 
Webdings
 
Wingdings
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Wingdings 2"
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Wingdings 3"
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Czec
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Engl
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Fren
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Germ
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Ital
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Span
3.0+ 4.0+ 1.0+ 6.0+ no
 
WST_Swed
3.0+ 4.0+ 1.0+ 6.0+ no
 
"Zapf Dingbats"
3.0+ 4.0+ 1.0+ 6.0+ 1.0+
 
ZWAdobeF
3.0+ 4.0+ 1.0+ 6.0+ no
 
larger
 
smaller
 
xx-small
 
x-small
 
small
 
medium
 
large
 
x-large
 
xx-large
 
none
 
number
 
normal
 
wider
 
narrower
 
ultra-condensed
 
extra-condensed
 
condensed
 
semi-condensed
 
semi-expanded
 
expanded
 
extra-expanded
 
ultra-expanded
 
normal
 
italic
 
oblique
 
small-caps
 
bolder
 
bold
 
lighter
 
100
 
200
 
300
 
400
 
500
 
600
 
700
 
800
 
900
 

Example

To specify an italic, 12px, sans-serif font for a paragraph, use the following syntax: p { font: italic 12px sans-serif; }.

Remarks

Use the font property as a shortcut to typing out all of the individual font properties separately. You can specify any valid value for a font property as part of font.

Availability

W3C CSS2

Related

Examples -> Source code Demo online - > font:

Ajax Javascript feed

↑ Grab this Headline Animator