Svojstvo font
Svojstvo font predstavlja skraćenu deklaraciju,
u kojoj se mogu koristiti sledeća svojstva
CSS-a: font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintaksa
selektor {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Obavezna svojstva su font-size
i font-family, ostala se mogu izostaviti,
čuvajući redosled.
Svojstva font-style, font-variant,
font-weight mogu se međusobno rasporediti
u bilo kom redosledu.
Obratite pažnju da se svojstvo line-height
piše kroz kosu crtu nakon svojstva font-size.
Primer
Hajde da napravimo tekst iskošenim slovima, veličine
15px, tipa Arial, i sa međurednim
razmakom od 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Primer
Još jedan primer:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Primer
Dodelimo samo veličinu fonta i familiju, izostavivši ostala svojstva:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Primer
Ako se dodeli samo veličina fonta, ona se neće primeniti, jer mora biti zadato i obavezno porodično ime fonta:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
: