A font tulajdonság

A font tulajdonság egy rövidítő tulajdonság, amelyben a következő CSS tulajdonságok használhatók: font-size, font-style, font-weight, line-height, font-family, font-variant.

Szintaxis

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

A kötelező tulajdonságok a font-size és a font-family, a többi elhagyható, miközben a sorrend megmarad.

A font-style, font-variant, font-weight tulajdonságok tetszőleges sorrendbe rendezhetők egymáshoz képest.

Figyelj arra, hogy a line-height tulajdonság perjellel van írva a font-size tulajdonság után.

Készítsünk dőlt betűs szöveget 15px méretben, Arial típussal, és 30px sorközzel:

<p>
	some long text
</p>

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

Még egy példa:

<p>
	some long text
</p>

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

Állítsunk be csak betűméretet és betűtípus-családot, elhagyva a többi tulajdonságot:

<p>
	some long text
</p>

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

Ha csak a betűméretet adjuk meg, az nem fog érvényesülni, mivel a betűtípus-család megadása is kötelező:

<p>
	some long text
</p>

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