CSS -Fallback-Schriftarten
Häufig verwendete Fallback-Schriftarten
Es gibt keine 100 % vollständig websicheren Schriftarten. Es besteht immer die Möglichkeit, dass eine Schriftart nicht gefunden oder nicht richtig installiert wird. Daher ist es sehr wichtig, immer Fallback-Fonts zu verwenden.
Das bedeutet, dass Sie in der Eigenschaft font-family eine Liste ähnlicher „Backup-Fonts“ hinzufügen sollten. Wenn die erste Schriftart nicht funktioniert, versucht der Browser die nächste und die nächste und so weiter. Beenden Sie die Liste immer mit einem generischen Schriftfamiliennamen.
Nachfolgend finden Sie einige häufig verwendete Fallback-Schriftarten, die nach den 5 generischen Schriftfamilien organisiert sind:
- Serif
- Serifenlos
- Monospace
- Kursiv
- Fantasie
Serifenschriften
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-Schriftarten
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-Schriftarten
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Kursive Schriftarten
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Fantasy-Schriftarten
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Tipp: Sehen Sie sich auch alle verfügbaren Google Fonts und deren Verwendung an.