Phông chữ Dự phòng CSS
Phông chữ dự phòng thường được sử dụng
Không có phông chữ hoàn toàn an toàn cho web 100%. Luôn có khả năng một phông chữ không được tìm thấy hoặc không được cài đặt đúng cách. Do đó, điều rất quan trọng là luôn sử dụng phông chữ dự phòng.
Điều này có nghĩa là bạn nên thêm một danh sách các "phông chữ dự phòng" tương tự trong thuộc tính font-family. Nếu phông chữ đầu tiên không hoạt động, trình duyệt sẽ thử phông chữ tiếp theo và phông chữ tiếp theo, v.v. Luôn kết thúc danh sách bằng họ phông chữ chung.
Dưới đây là một số phông chữ dự phòng thường được sử dụng, được sắp xếp theo 5 họ phông chữ chung:
- Serif
- Sans serif
- Monospace
- Chữ ẩu
- Tưởng tượng
Phông chữ 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. |
Phông chữ 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. |
Phông chữ Monospace
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Phông chữ Cursive
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Phông chữ ảo
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Mẹo: Ngoài ra, hãy xem tất cả các Phông chữ có sẵn của Google và cách sử dụng chúng.