CSS 字体
Det er vigtigt at vælge den rigtige skrifttype til din hjemmeside!
Vigtigheden af skrifttypevalg
Valg af den rigtige skrifttype har en stor indflydelse på brugeroplevelsen på din hjemmeside.
Den rigtige skrifttype kan skabe en stærk image for dit brand.
Det er vigtigt at bruge letlæselige skrifttyper. Skrifttypen tilføjer værdi til din tekst. Det er også vigtigt at vælge den rigtige farve og tekststørrelse for skrifttypen.
Generelle skrifttype familier
I CSS er der fem generelle skrifttype familier:
- Serif skrifttype (Serif) - der er en lille prik ved hver bogstaves kant. De skaber en formel og elegant udseende.
- Sans-serif skrifttype (Sans-serif) - skriftlinjer er enkle (uden små prikker). De skaber et moderne og simpelt udseende.
- Tilpas skrifttype (Monospace) - alle bogstaver har samme faste bredde. De skaber et maskinelt udseende.
- Kursiv skrifttype (Cursive) - efterligner menneskelig håndskrift.
- Fantasy skrifttype (Fantasy) - er en dekorerende/spændende skrifttype.
Alle forskellige skrifttype navne tilhører en af de fem generelle skrifttype serier.
Forskellen mellem Serif og Sans-serif skrifttyper
Tip:På computerens skærm betragtes sans-serif skrifttyper som lettere at læse end serif skrifttyper.
Nogle eksempler på skrifttyper
| Generelle skrifttype familier | Eksempler på skrifttype navne |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
CSS font-family egenskab
I CSS bruger vi font-family egenskaben til at definere teksts skrifttype.
Font-family egenskaben skal indeholde flere skrifttype navne som 'reserveret' system for at sikre maksimal kompatibilitet mellem browser/operativsystem. Start med den skrifttype, du har brug for, og afslut med en universel serie (hvis der ikke er andre tilgængelige skrifttyper, skal browseren vælge en lignende skrifttype fra den universelle serie). Skrifttype navne skal adskilles af kommaer.
Bemærk:Hvis skrifttypens navn ikke er et enkelt ord, skal det omgives af anførselstegn, f.eks.: "Times New Roman".
Eksempel
Fastlæg tre forskellige skrifttyper for tre afsnit:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
