CSS lettertipes
Dit is belangrik om die regte lettertipe vir jou webwerf te kies!
Lettertipekeuse is belangrik
Die keuse van die regte lettertipe het 'n groot impak op hoe die lesers 'n webwerf ervaar.
Die regte lettertipe kan 'n sterk identiteit vir jou handelsmerk skep.
Dit is belangrik om 'n lettertipe te gebruik wat maklik is om te lees. Die lettertipe voeg waarde by jou teks. Dit is ook belangrik om die korrekte kleur en teksgrootte vir die lettertipe te kies.
Generiese Font Families
In CSS is daar vyf generiese fontfamilies:
- Serif -lettertipes het 'n klein streep aan die rande van elke letter. Hulle skep 'n gevoel van formaliteit en elegansie.
- Sans-serif- lettertipes het skoon lyne (geen klein strepies aangeheg nie). Hulle skep 'n moderne en minimalistiese voorkoms.
- Monospace fonts - hier het al die letters dieselfde vaste breedte. Hulle skep 'n meganiese voorkoms.
- Kursiewe lettertipes boots menslike handskrif na.
- Fantasielettertipes is dekoratiewe/speelse lettertipes.
Al die verskillende fontname behoort aan een van die generiese fontfamilies.
Verskil tussen Serif- en Sans-serif-lettertipes
Let wel: Op rekenaarskerms word sans-serif-lettertipes as makliker om te lees as serif-lettertipes beskou.
Sommige lettertipe voorbeelde
Generic Font Family | Examples of Font Names |
---|---|
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 |
Die CSS-fontfamilie Eiendom
In CSS gebruik ons die font-family
eiendom om die lettertipe van 'n teks te spesifiseer.
Let wel : As die lettertipenaam meer as een woord is, moet dit tussen aanhalingstekens wees, soos: "Times New Roman".
Wenk: Die font-family
eiendom moet verskeie fontname as 'n "terugval"-stelsel bevat, om maksimum versoenbaarheid tussen blaaiers/bedryfstelsels te verseker. Begin met die font wat jy wil hê, en eindig met 'n generiese familie (om die blaaier 'n soortgelyke font in die generiese familie te laat kies, indien geen ander fonts beskikbaar is nie). Die fontname moet met kommas geskei word. Lees meer oor terugvallettertipes in die volgende hoofstuk .
Voorbeeld
Spesifiseer 'n paar verskillende lettertipes vir drie paragrawe:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}