Het lettertype kun je heel gemakkelijk aangeven met CSS. Nu kun je veel
meer dan alleen met HTML. Je kunt
nu verschillende functies/elementen tegelijk een speciaal lettertype geven.
Bijvoorbeeld zoiets als dit:
<style type="text/css">
h3 {font-family: times}
p {font-family: courier}
p.hallo {font-family: verdanaf}
</style>
Heb je een extern stijl bestand dan kun je de <style>
tags gewoon weglaten! Met deze code heb je dit aangegeven:
alle elementen met de code h3 worden in Times New Roman geschreven
p wordt Courier
en <p class="hallo"> wordt in Verdana geschreven!
De grootte van lettertypes invoeren:
<style type="text/css">
h3 {font-size: 150%}
p {font-size: 130%}
p.hallo {font-size: 101%}
</style>
h3 wordt 50% groter dan de "normale" h3
p wordt 30% groter dan de "normale" <p>
p.hallo wordt 1% groter dan de "normale" <p>.
Als het goed is het principe nu duidelijk! Hieronder zijn andere functies
die kunnen worden uitgevoerd bij het instellen van lettertypes voor teksten
en/of speciale elementen.
| Naam: |
Beschrijving: |
Waarden: |
font
|
Een kleine optie voor het instellen van
de verklaringen van de lettertypes. |
font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar |
font-family
|
Een lijst met familienamen of geslachtsnamen
voor een element. |
family-name
generic-family |
font-size
|
Geeft de grootte voor het lettertype aan. |
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
% |
| font-size-adjust |
Geeft een getal aan voor een element dat
de hoogte van het eerst gekozen lettertype bewaard. |
none
number |
| font-stretch |
Verandert of past het eerst gekozen lettertype
aan. |
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded |
font-style
|
Geeft de stijl van een lettertype aan. |
normal
italic
oblique |
font-variant
|
Geeft de tekst in een "normaal"
lettertype of een kleiner lettertype weer. |
normal
small-caps |
font-weight
|
Geeft de breedte van een lettertype weer. |
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900 |
