|
Lettertypes zijn vaak origineel en geven een persoonlijk tintje aan een website. Toch moet hiermee opgelet worden. Als je een lettertype definieert dat de gebruiker niet op z'n pc heeft, wordt er een standaard lettertype getoond en verdwijnt je effect als sneeuw voor de zon.
CSS biedt zeer veel
mogelijkheden om tekst op te maken.
Lettertype
Kenmerk: font-family
Waarde: lettertype
Voorbeeld:
p { font-family: Arial, "Times New Roman"; }
Stijl
Kenmerk: font-style
Waarde: normal, italic
Voorbeeld:
i { font-style: italic; }
Dikte
Kenmerk: font-weight
Waarde: normal, bold, lighter
Voorbeeld:
p { font-weight: bold; }
Tekstgrootte
Kenmerk: font-size
Waarde: grootte (pt, px)
Voorbeeld:
h2 { font-size: 200%; }
Variant
Kenmerk: font-variant
Waarde: normal, small-caps
Voorbeeld:
p { font-variant: small-caps; }
Bekijk het voorbeeld
om deze elementen in actie te zien.
Ga naar het volgende deel van de CSS basiscursus : Fonteigenschappen in CSS
|
Ontwerp je site