Czcionki zastępcze CSS
Powszechnie używane czcionki zastępcze
Nie ma w 100% całkowicie bezpiecznych czcionek internetowych. Zawsze istnieje ryzyko, że czcionka nie zostanie znaleziona lub nie zostanie poprawnie zainstalowana. Dlatego bardzo ważne jest, aby zawsze używać czcionek zastępczych.
Oznacza to, że we właściwości font-family należy dodać listę podobnych „czcionek zapasowych”. Jeśli pierwsza czcionka nie działa, przeglądarka wypróbuje następną, następną i tak dalej. Zawsze kończ listę ogólną nazwą rodziny czcionek.
Poniżej znajduje się kilka powszechnie używanych czcionek zastępczych, uporządkowanych według 5 ogólnych rodzin czcionek:
- Szeryf
- Bezszeryfowy
- Monoprzestrzeń
- Kursywny
- Fantazja
Czcionki szeryfowe
| 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. |
Czcionki bezszeryfowe
| 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. |
Czcionki o stałej szerokości
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Kursywa Czcionki
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Czcionki fantasy
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Wskazówka: sprawdź także wszystkie dostępne czcionki Google i dowiedz się, jak z nich korzystać.