CSS -terugvalfonts
Algemeen gebruikte terugvallettertipes
Daar is geen 100% heeltemal webveilige lettertipes nie. Daar is altyd 'n kans dat 'n lettertipe nie gevind word nie of nie behoorlik geïnstalleer is nie. Daarom is dit baie belangrik om altyd terugvallettertipes te gebruik.
Dit beteken dat jy 'n lys soortgelyke "rugsteunfonts" in die font-familie-eienskap moet byvoeg. As die eerste lettertipe nie werk nie, sal die blaaier die volgende een probeer, en die volgende een, ensovoorts. Sluit altyd die lys af met 'n generiese lettertipe familienaam.
Hieronder is 'n paar algemeen gebruikte terugvallettertipes, georganiseer deur die 5 generiese lettertipefamilies:
- Serif
- Sans-serif
- Monoruimte
- Kursief
- Fantasie
Serif-lettertipes
| font-family | Example text | Code |
|---|---|---|
| "Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
| Georgia, serif | This is a HeadingThis is a paragraph. |
|
| Garamond, serif | This is a HeadingThis is a paragraph. |
Sans-Serif-lettertipes
| font-family | Example text | Code |
|---|---|---|
| Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
| Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
| "Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
| Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Monospace Fonts
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Kursiewe lettertipes
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Fantasie lettertipes
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Wenk: Kyk ook na alle beskikbare Google Fonts en hoe om dit te gebruik.