Font Pengganti CSS
Font Fallback yang Umum Digunakan
Tidak ada font yang 100% aman untuk web. Selalu ada kemungkinan font tidak ditemukan atau tidak diinstal dengan benar. Oleh karena itu, sangat penting untuk selalu menggunakan font fallback.
Ini berarti Anda harus menambahkan daftar "font cadangan" serupa di properti font-family. Jika font pertama tidak berfungsi, browser akan mencoba yang berikutnya, dan yang berikutnya, dan seterusnya. Selalu akhiri daftar dengan nama keluarga font generik.
Di bawah ini adalah beberapa font fallback yang umum digunakan, diatur oleh 5 keluarga font generik:
- serif
- Sans Serif
- ruang tunggal
- Kursif
- Fantasi
Font Serif
| 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. |
Font Sans-Serif
| 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. |
Font Monospace
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Font Kursif
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Font Fantasi
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Tip: Lihat juga semua Font Google yang tersedia dan cara menggunakannya.