Font Shorthand
The CSS Font Property
It is also feasible to provide each font property separately in a single property, which will result in a shorter code.
The font property can be used as a shortcut for:
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
Note: You must supply the values for font-size and font-family. The default value is used if any of the other parameters are missing.
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;
}
All CSS Font Properties
| Property | Description |
|---|---|
| font | Sets all the font properties in one declaration |
| font-family | Specifies the font family for text |
| font-size | Specifies the font size of text |
| font-style | Specifies the font style for text |
| font-variant | Specifies whether or not a text should be displayed in a small-caps font |
| font-weight | Specifies the weight of a font |
