Phông chữ an toàn cho web CSS
Phông chữ An toàn Web là gì?
Phông chữ an toàn trên web là phông chữ được cài đặt phổ biến trên tất cả các trình duyệt và thiết bị.
Phông chữ dự phòng
Tuy nhiên, không có phông chữ nào an toàn cho 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 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 tên họ phông chữ chung.
Ví dụ
Ở đây, có ba loại phông chữ: Tahoma, Verdana và sans-serif. Phông chữ thứ hai và thứ ba là bản sao lưu, trong trường hợp không tìm thấy phông chữ đầu tiên.
p {
font-family: Tahoma, Verdana, sans-serif;
}
Hãy tự mình thử »Phông chữ an toàn trên web tốt nhất cho HTML và CSS
Danh sách sau đây là các phông chữ an toàn trên web tốt nhất cho HTML và CSS:
- Arial (sans-serif)
- Verdana (sans-serif)
- Tahoma (sans-serif)
- Trebuchet MS (sans-serif)
- Times New Roman (chữ serif)
- Georgia (chân)
- Garamond (chân)
- Chuyển phát nhanh mới (monospace)
- Brush Script MT (chữ thảo)
Lưu ý: Trước khi bạn xuất bản trang web của mình, hãy luôn kiểm tra xem phông chữ của bạn xuất hiện như thế nào trên các trình duyệt và thiết bị khác nhau và luôn sử dụng phông chữ dự phòng !
Arial (sans-serif)
Arial là phông chữ được sử dụng rộng rãi nhất cho cả phương tiện truyền thông trực tuyến và in ấn. Arial cũng là phông chữ mặc định trong Google Docs.
Arial là một trong những phông chữ web an toàn nhất và có sẵn trên tất cả các hệ điều hành chính.
Verdana (sans-serif)
Verdana là một phông chữ rất phổ biến. Verdana có thể dễ dàng đọc được ngay cả đối với cỡ chữ nhỏ.
Tahoma (sans-serif)
Phông chữ Tahoma có ít khoảng cách hơn giữa các ký tự.
Trebuchet MS (sans-serif)
Trebuchet MS được Microsoft thiết kế vào năm 1996. Hãy sử dụng phông chữ này một cách cẩn thận. Không được hỗ trợ bởi tất cả các hệ điều hành di động.
Times New Roman (chữ serif)
Times New Roman là một trong những phông chữ dễ nhận biết nhất trên thế giới. Nó trông chuyên nghiệp và được sử dụng trên nhiều tờ báo và trang web "tin tức". Nó cũng là phông chữ chính cho các thiết bị và ứng dụng Windows.
Georgia (chân)
Georgia là một phông chữ serif thanh lịch. Nó rất dễ đọc ở các kích thước phông chữ khác nhau, vì vậy nó là một ứng cử viên sáng giá cho thiết kế đáp ứng di động.
Garamond (chân)
Garhua là phông chữ cổ điển được sử dụng cho nhiều sách in. Nó có một cái nhìn vượt thời gian và khả năng đọc tốt.
Chuyển phát nhanh mới (monospace)
Courier New là phông chữ serif đơn cách được sử dụng rộng rãi nhất. Courier New thường được sử dụng với màn hình mã hóa và nhiều nhà cung cấp email sử dụng nó làm phông chữ mặc định của họ. Courier New cũng là phông chữ tiêu chuẩn cho kịch bản phim.
Brush Script MT (chữ thảo)
Phông chữ Brush Script MT được thiết kế để mô phỏng chữ viết tay. Nó thanh lịch và tinh tế, nhưng có thể khó đọc. Sử dụng nó một cách cẩn thận.
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.