CSS font Property

The font property is shorthand that allows you to do one of two things: you can either set up six of the most mature font properties in one line, or you can set one of a choice of keywords to adopt a system font setting.

Formal syntax: [ [ <font-style> || <font-variant> || <font-weight> || <font-stretch> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar 

• <font-style>See the font-style CSS property for values.
• <font-variant>See the font-variant CSS property for values.
• <font-weight>See the font-weight CSS property for values.
• <font-size>See the font-size CSS property for values.
• <font-family>See the font-family CSS property for values.

body {
   font: bold .9em sans-serif;
}

Click the button below to experiment with this property.

Give it a Try!

1+

6+

1+

1+

8+

• Share on Facebook
• Share on Twitter
• Share on Google+