Vetura font

Vetura font është një veturë e shkurtuar ku mund të përdoren vetitë e mëposhtme të CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaksa

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

Vetitë e detyrueshme janë font-size dhe font-family, pjesa tjetër mund të hiqen, duke ruajtur rendin.

Vetitë font-style, font-variant, font-weight mund të ndërrohen në çfarëdo rendi në raport me njëra-tjetrën.

Vini re se vetia line-height shkruhet përmes së pjerrës pas vetisë font-size.

Le të krijojmë tekst të pjerrët me madhësi 15px, me tipin Arial, dhe hapësirë ndër-rreshtore prej 30px:

<p>
	some long text
</p>

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

Një shembull tjetër:

<p>
	some long text
</p>

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

Le të caktojmë vetëm madhësinë e fontit dhe familjen, duke lënë mënjanë vetitë e tjera:

<p>
	some long text
</p>

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

Nëse caktohet vetëm madhësia e fontit, ajo nuk do të aplikohet, pasi që domosdoshmërisht duhet të caktohet edhe familja e fontit:

<p>
	some long text
</p>

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