The font property

The font property is a shorthand property in which you can use the following CSS properties: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntax

selector {
	font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

The required properties are font-size and font-family, the rest can be omitted while maintaining order.

The font-style, font-variant, font-weight properties can be rearranged in any order relative to each other.

Please note that the line-height property is written with a slash after the font-size property.

Let's make italic text of 15px size, with Arial type, and line spacing of 30px:

<p>
	some long text
</p>

p {
	font: italic 15px/30px Arial;
	text-align: justify;
}

Another example:

<p>
	some long text
</p>

p {
	font: bold 16px/20px "Times New Roman", Georgia, serif;
	text-align: justify;
}

Let's assign only a font size and family, omitting other properties:

<p>
	some long text
</p>

p {
	font: 18px Arial;
	text-align: justify;
}

If you set only a font size, it will not be applied, since the font family must also be specified:

<p>
	some long text
</p>

p {
	font: 30px;
	text-align: justify;
}