Fonts

The guide to create your Web site on Internet

Property

Value:	<family-name> \| <generic-family> family-name : The name of a font family of choice. generic-family : serif sans-serif cursive fantasy monospace
Initial:	depends on user agent
Applies to:	all elements
Inherited:	yes
Percentages:	N/A
Media:	visual
Computed value:	as specified

Examples

font-family:Arial, sans-serif;	=>	Example text
font-family:'Courier New', Courier, mono;	=>	Example text
font-family:'Times New Roman', Times, serif;	=>	Example text
font-family:Geneva, Arial, Helvetica, sans-serif;	=>	Example text
font-family:Verdana;	=>	Example text
font-family:Wide Latin;	=>	Example text
font-family:Comic Sans MS;	=>	Example text
font-family:Bodoni;	=>	Example text
font-family:Garamond;	=>	Example text
font-family:Impact;	=>	Example text

Property

Value:	normal \| italic \| oblique \| inherit
Initial:	normal
Applies to:	all elements
Inherited:	yes
Percentages:	N/A
Media:	visual
Computed value:	as specified

Examples

Property

Examples

font-variant:normal;	=>	Example text
font-variant:small-caps;	=>	Example text

Property

Value:	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| inherit
Initial:	normal
Applies to:	all elements
Inherited:	yes
Percentages:	N/A
Media:	visual
Computed value:	see text

Examples

Property

Value:	absolute-size \| relative-size \| length \| percentage \| inherit absolute-size : xx-small \| x-small \| small \| medium \| large \| x-large \| xx-large relative-size : larger \| smaller length : px \| pt \| em percentage: %
Initial:	medium
Applies to:	all elements
Inherited:	yes
Percentages:	refer to parent element
Media:	visual
Computed value:	absolute length

Examples

Property

Value:	font-style \|\| font-variant \|\| font-weight , font-size , line-height , font-family , caption \| icon \| menu \| message-box \| small-caption \| status-bar \| inherit
Initial:	individual properties
Applies to:	all elements
Inherited:	yes
Percentages:	individual properties
Media:	visual
Computed value:	individual properties

Examples

font: 12px/14px sans-serif;	=>	Example text
font: x-large/110% "New Century Schoolbook", serif;	=>	Example text
font: normal small-caps 120%/120% fantasy;	=>	Example text

For complete reference see CSS Style reference at W3C
60..1 60..2 61..1 61..2 62..1 63..1 64..1 65..1 66..1 66..2 67..1 68..1 68..2 68..3
69..1 6A..1 6B..1 6C..1 6D..1 6E..1 6F..1 6G..1 6K..1 6M..1 6N..1 6P..1 6R..1 6S..1
6T..1