Fire Studios

Font

The font property is, with exception of some system fonts, a shorthand property for setting all of the properties for a font in one declaration. These declarations go in order of font-style, font-variant, font-weight, font-size/line-height, font-family. Below is a chart showing values can be used in each section.

p {font: [style] [variant] [weight] [size]/[line-height] [family], [family];}

• Font-style:
• Normal – default
• Italic
• Oblique
• Font-variant:
• Normal – default
• Small-caps
• Font-Weight:
• Normal - default
• Bold
• Bolder
• Lighter
• 100
• 200
• 300
• 400
• 500
• 600
• 700
• 800
• 900

• xx-small
• x-small
• small
• medium
• large
• x-large
• xx-large
• smaller
• larger
• #px/ em/ pt - default
• %

• "font name" (Verdana, Tahoma, Georgia, etc…)
• generic-name (sans-serif, serif)