The font property

font-family

• Some text with a serif font-family
• Some text with a sans-serif font-family
• Some text with a monospace font-family
• Some text with a cursive font-family
• Some text with a fantasy font-family

font-size

• Some text with a xx-small font-size
• Some text with a x-small font-size
• Some text with a small font-size
• Some text with a medium font-size
• Some text with a large font-size
• Some text with a x-large font-size
• Some text with a xx-large font-size
• Some text with a smaller font-size
• Some text with a larger font-size

font-stretch (not in CSS2.1)

• Some text with a normal font-stretch
• Some text with a condensed font-stretch
• Some text with an ultra-condensed font-stretch
• Some text with an expanded font-stretch
• Some text with an ultra-expanded font-stretch

font-style

• Some text with a normal font-style
• Some text with an italic font-style
• Some text with an oblique font-style

font-variant

• Some text with a normal font-variant
• Some text with a small-caps font-variant

font-weight

• Some text with a normal font-weight
• Some text with a bold font-weight
• Some text with a bolder font-weight
• Some text with a lighter font-weight
• Some text with a 100 font-weight
• Some text with a 200 font-weight
• Some text with a 300 font-weight
• Some text with a 400 font-weight
• Some text with a 500 font-weight
• Some text with a 600 font-weight
• Some text with a 700 font-weight
• Some text with a 800 font-weight
• Some text with a 900 font-weight

font

• Some text with a caption font
• Some text with an icon font
• Some text with a menu font
• Some text with a message-box font
• Some text with a small-caption font
• Some text with a status-bar font

Home - More stuff