Font Shorthand

CSS Font Property

 

The CSS Font Property

To shorten the code, it is also possible to specify all the individual font properties in one property.

The font property is a shorthand property for:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

Note: The font-size and font-family values are required. If one of the other values is missing, their default value are used.

Example

Use font to set several font properties in one declaration:

p.a {
  font: 20px Arial, sans-serif;
}

p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

Test Yourself With Exercises

Exercise:

Set the font for

to "Verdana".


 

 


All CSS Font Properties

Property Description
  Sets all the font properties in one declaration
  Specifies the font family for text
  Specifies the font size of text
  Specifies the font style for text
  Specifies whether or not a text should be displayed in a small-caps font
  Specifies the weight of a font

 

 
Font Shorthand

Login
ADS CODE