Záložní písma CSS
Běžně používaná záložní písma
Neexistují žádná 100% zcela bezpečná písma pro web. Vždy existuje možnost, že písmo nebude nalezeno nebo není správně nainstalováno. Proto je velmi důležité vždy používat záložní písma.
To znamená, že byste měli přidat seznam podobných "záložních písem" do vlastnosti font-family. Pokud první písmo nefunguje, prohlížeč zkusí další, další a tak dále. Seznam vždy ukončete obecným názvem rodiny písem.
Níže jsou uvedena některá běžně používaná záložní písma uspořádaná podle 5 obecných rodin písem:
- Serif
- Bezpatkové
- Jednoprostorový
- Kurzívní
- Fantazie
Patková písma
| 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. |
Bezpatková písma
| 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. |
Jednoprostorová písma
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Kurzivní písma
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Fantasy Fonts
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Tip: Podívejte se také na všechna dostupná písma Google a na to, jak je používat.