Proprietatea font

Proprietatea font este o proprietate scurtă, care poate include următoarele proprietăți CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaxă

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

Proprietățile obligatorii sunt font-size și font-family, restul pot fi omise, păstrând ordinea.

Proprietățile font-style, font-variant, font-weight pot fi schimbate în orice ordine între ele.

Atenție la faptul că proprietatea line-height se scrie după o bară oblică după proprietatea font-size.

Să facem textul cursiv cu dimensiunea de 15px, cu tipul Arial și spațiere între rânduri de 30px:

<p>
	some long text
</p>

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

Un alt exemplu:

<p>
	some long text
</p>

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

Să setăm doar dimensiunea fontului și familia, omițând celelalte proprietăți:

<p>
	some long text
</p>

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

Dacă setați doar dimensiunea fontului, ea nu se va aplica, deoarece trebuie setată obligatoriu și familia de fonturi:

<p>
	some long text
</p>

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