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ữ nào hoàn toàn an toàn trên web 100%. Luôn có khả năng không tìm thấy phông chữ hoặc phông chữ không được cài đặt đúng cách. Vì vậy, đ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 danh sách "phông chữ dự phòng" tương tự vào thuộc tính họ phông chữ. 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 tên 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
- Không gian đơn
- 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. |
Try it |
Georgia, serif | This is a HeadingThis is a paragraph. |
Try it |
Garamond, serif | This is a HeadingThis is a paragraph. |
Try it |
Phông chữ Sans-serif
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
Try it |
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Try it |
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
Try it |
Geneva, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Try it |
Phông chữ đơn cách
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Try it |
Phông chữ chữ thảo
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Try it |
Phông chữ tưởng tượng
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Try it |
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.