---
title: CSS Font Property
description: "## 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…"
url: "https://apprentice.mn/docs/css-font-property/"
updated: "2021-05-08"
category: CSS
---

# 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.

###  

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](https://www.w3schools.com/cssref/pr_font_font.asp) | Sets all the font properties in one declaration |
| [font-family](https://www.w3schools.com/cssref/pr_font_font-family.asp) | Specifies the font family for text |
| [font-size](https://www.w3schools.com/cssref/pr_font_font-size.asp) | Specifies the font size of text |
| [font-style](https://www.w3schools.com/cssref/pr_font_font-style.asp) | Specifies the font style for text |
| [font-variant](https://www.w3schools.com/cssref/pr_font_font-variant.asp) | Specifies whether or not a text should be displayed in a small-caps font |
| [font-weight](https://www.w3schools.com/cssref/pr_font_weight.asp) | Specifies the weight of a font |

        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-font-property%2F&linkname=CSS%20Font%20Property)[https://www.addtoany.com/share](https://www.addtoany.com/share)