Sử dụng các Phông chữ HTML đáng tin cậy này trên các trang web của bạn
Tìm một phông chữ tốt truyền tải cả phong cách của trang web của bạn nhưng cũng đáng tin cậy trên đa số các trang web ra có thể được khôn lanh. Nếu bạn sử dụng phông chữ không an toàn trên web thì trang web của bạn có thể không giống như bạn dự định khi trình duyệt thay thế một cái gì đó đáng ngạc nhiên cho phông chữ lạ mắt của bạn.
Những ngăn xếp phông chữ được phân cách bởi gia đình (serif, monospace, vv). Khi bạn sử dụng phông chữ không phải là phông chữ an toàn trên web, bạn nên đặt phông chữ đầu tiên trong ngăn xếp phông chữ của mình và sau đó thêm một trong các ngăn xếp này vào cuối.
Chọn phông chữ có kiểu dáng gần nhất và nhìn vào phông chữ ưa thích của bạn.
Ngăn xếp phông chữ an toàn trên web Serif của Sans Serif
Văn bản Sans serif là tốt cho việc đọc trên các trang web vì không có serifs để mờ trên màn hình.
họ phông chữ: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Tiện ích, sans-serif;
font-family: Tác động, Than, sans-serif;
họ phông chữ: 'MS Sans Serif', Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
họ phông chữ: 'Trebuchet MS', Helvetica, sans-serif;
họ phông chữ: Verdana, Geneva, sans-serif;
Ngăn xếp phông chữ an toàn trên web Serif
Phông chữ Serif hoạt động tốt cho tiêu đề. Loại tiêu đề lớn hơn có nghĩa là serifs sẽ không bị mờ trên màn hình.
font-family: 'Sách Antiqua', 'Palatino Linotype', Palatino, serif;
font-family: Bookman, serif;
họ phông chữ: Georgia, serif;
họ phông chữ: 'MS Serif', 'New York', serif;
font-family: 'Times New Roman', Times, serif;
Ngăn xếp phông chữ Monospace
Phông chữ Monospace thường được sử dụng để hiển thị mã và loại khác phù hợp nhất với phông chữ trong đó tất cả các ký tự đều có cùng độ rộng - giống như phông chữ máy đánh chữ.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Xem ví dụ về phông chữ đơn cách ly.
Phông chữ chữ thảo
Phông chữ chữ thảo có thể khó đọc và thường được tìm thấy trên hầu hết các hệ thống (Comic Sans) không được nhiều người thích.
font-family: 'Comic Sans MS', chữ thảo;
Ngăn xếp phông chữ ảo
Giống như phông chữ chữ thảo, phông chữ ảo có thể khó đọc và chúng thậm chí còn ít phổ biến hơn trên hầu hết các hệ thống. Trong thực tế, bạn có thể nhận thấy rằng tôi đang sử dụng cùng một phông chữ như tôi đã sử dụng ở trên trong thể loại sans serif, đó là bởi vì tác động và than rất đặc biệt mà một số người coi chúng là phông chữ ảo.
font-family: Tác động, Than, tưởng tượng;
Dingbats, Wingdings, hoặc Symbol Font Stacks
Dingbats hoặc wingdings là phông chữ biểu tượng hiển thị ít biểu tượng hoặc hình ảnh thay vì chữ cái. Không có loại phông chữ chung nào cho các loại này và do đó một số máy tính có thể hiển thị các phông chữ rất khác với bạn mong đợi. Ngoài ra, chỉ Internet Explorer mới hiển thị các biểu tượng. Firefox và các trình duyệt khác chỉ hiển thị văn bản trong phông chữ mặc định cho trình duyệt.
font-family: Biểu tượng;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';