CSS -terugvallettertypen
Veelgebruikte reservelettertypen
Er zijn geen 100% volledig webveilige lettertypen. Er is altijd een kans dat een lettertype niet wordt gevonden of niet goed is geïnstalleerd. Daarom is het erg belangrijk om altijd fallback-lettertypen te gebruiken.
Dit betekent dat u een lijst met vergelijkbare "back-uplettertypen" moet toevoegen aan de eigenschap font-family. Als het eerste lettertype niet werkt, zal de browser het volgende proberen, en het volgende, enzovoort. Sluit de lijst altijd af met een generieke lettertypefamilienaam.
Hieronder staan enkele veelgebruikte fallback-lettertypen, geordend in de 5 generieke lettertypefamilies:
- schreef
- schreefloos
- Monospace
- Cursief
- Fantasie
Serif-lettertypen
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-lettertypen
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-lettertypen
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Cursieve lettertypen
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Fantasielettertypen
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Tip: bekijk ook alle beschikbare Google Fonts en hoe je ze kunt gebruiken.