Egenskapen font
Egenskapen font er en sammensatt egenskap
der du kan bruke følgende CSS-egenskaper:
font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Syntaks
velger {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
De obligatoriske egenskapene er font-size
og font-family, de andre kan utelates
samtidig som rekkefølgen beholdes.
Egenskapene font-style, font-variant,
font-weight kan byttes om i hvilken som helst
rekkefølge i forhold til hverandre.
Legg merke til at egenskapen line-height
skrives med skråstrek etter egenskapen font-size.
Eksempel
La oss lage kursiv tekst med en størrelse
på 15px, med typen Arial, og linjeavstand
på 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Eksempel
Et annet eksempel:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Eksempel
La oss kun sette skriftstørrelsen og familien, og utelate de andre egenskapene:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Eksempel
Hvis du kun setter skriftstørrelsen, vil den ikke bli brukt, siden du også må sette skriftfamilien:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
