Cách chọn phông chữ hoạt động tốt nhất cho trang web của bạn
Hãy xem bất kỳ trang web nào, bất kể ngành, quy mô công ty hoặc các yếu tố khác biệt và một điều bạn chắc chắn sẽ thấy rằng họ có điểm chung là nội dung văn bản. Cách văn bản được hiển thị là thực hành thiết kế typographic và nó là một trong những khía cạnh quan trọng nhất của giao diện của trang web, cũng như thành công của nó.
Trong nhiều năm, các nhà thiết kế web bị hạn chế về số lượng phông chữ mà họ có thể sử dụng nếu họ muốn các phông chữ đó xuất hiện đáng tin cậy trên các trang web mà họ đang tạo. Những phông chữ đã được tìm thấy trên hầu hết các máy tính được gọi là "phông chữ web an toàn". Bạn có thể đã nghe thuật ngữ này trong quá khứ từ một nhà thiết kế web khi họ cố gắng giải thích cho bạn tại sao một lựa chọn phông chữ nhất định không thể được sử dụng trong thiết kế trang web của bạn.
Web typography đã đi một chặng đường dài trong vài năm qua, và các nhà thiết kế web và các nhà phát triển không còn bị giới hạn chỉ sử dụng một số ít các phông chữ an toàn trên web. Sự gia tăng của phông chữ web và khả năng liên kết trực tiếp đến các tệp phông chữ đã mở ra một thế giới hoàn toàn mới về khả năng sử dụng phông chữ trang web. Hữu ích vì nó bây giờ có quyền truy cập vào rất nhiều lựa chọn phông chữ mới, những phông chữ web đã được thử nghiệm và thực sự an toàn vẫn có một vị trí quan trọng trong thiết kế web hiện đại.
Liên kết tới Phông chữ web
Khi sử dụng phông chữ trên trang web của bạn có thể không có trên máy tính của ai đó, bạn cần liên kết đến tệp phông chữ web và hướng dẫn trang web của bạn sử dụng tệp phông chữ đó thay vì xem trên máy tính của khách truy cập. Liên kết với các phông chữ bên ngoài, được bao gồm cùng với phần còn lại của nội dung trang web của bạn hoặc có thể được liên kết với việc sử dụng dịch vụ phông chữ của bên thứ ba, cung cấp cho bạn các lựa chọn phông chữ gần như vô hạn, nhưng lợi ích đó không có giá. Phông chữ bên ngoài cần tải trên trang web, sẽ có tác động đến hiệu suất trên thời gian tải trang web. Đây là nơi phông chữ web an toàn vẫn có thể là một lợi ích! Vì các tệp phông chữ này được tải trực tiếp từ máy tính của khách truy cập, nên không có hiệu suất nào khi tải trang web. Đây là lý do tại sao nhiều nhà thiết kế web hiện sử dụng hỗn hợp phông chữ web cần được tải xuống cùng với các phông chữ an toàn trên web đáng tin cậy đó. Điều này có thể là tốt nhất của cả hai thế giới khi bạn có quyền truy cập vào một số phông chữ mới và kỳ lạ trong khi vẫn có thể quản lý hiệu suất trang web và tác động tải xuống tổng thể.
Phông chữ An toàn Web Sans Serif
Họ phông chữ này là một trong những cược tốt nhất của bạn cho phông chữ an toàn trên web. Nếu bạn đưa những thứ này vào ngăn xếp phông chữ của mình, hầu hết mọi người sẽ thấy trang chính xác. Một số phông chữ an toàn web sans-serif phổ biến là:
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
Một số lựa chọn sans-serif khác sẽ cung cấp cho bạn phạm vi phủ sóng tổng thể tốt, nhưng có thể do thiếu từ một số máy tính, được liệt kê dưới đây. Chỉ cần nhớ rằng nếu bạn sử dụng chúng, bạn cũng phải bao gồm một phổ biến hơn như một bản sao lưu từ danh sách ở trên trong ngăn xếp phông chữ của bạn.
- Century Gothic
- Geneva
- Lucida
- Lucida Sans
- Lucida Grande
Phông chữ an toàn trên web Serif
Ngoài phông chữ sans-serif, họ phông chữ serif còn là một lựa chọn phổ biến cho các trang web. Dưới đây là một số cược an toàn nhất để bạn sử dụng nếu bạn muốn có phông chữ serif:
- Chuyển phát nhanh
- Chuyển phát nhanh mới
- Georgia
- Thời đại
- Times New Roman
Một lần nữa, danh sách dưới đây là các phông chữ sẽ có trên nhiều máy tính, nhưng có ít phạm vi phủ sóng tổng thể hơn như danh sách ở trên. Bạn có thể sử dụng các phông chữ này khá đáng tin cậy, nhưng phải bao gồm một phông chữ serif phổ biến hơn (từ danh sách ở trên) trong ngăn xếp phông chữ của bạn.
- MS Serif
- Newyork
- Palatino
- Palatino Linotype
Phông chữ Monospace
Mặc dù không được sử dụng rộng rãi như phông chữ serif và sans-serif, phông chữ đơn sắc cũng là một tùy chọn. Các phông chữ này là một phông chữ có các chữ cái cách nhau nhau một cách đều nhau. Họ không có sự chấp nhận rộng rãi trên các nền tảng, nhưng nếu bạn muốn sử dụng phông chữ đơn cách, đây là những cược tốt nhất của bạn:
- Chuyển phát nhanh
- Chuyển phát nhanh mới
Những phông chữ này cũng có một số bảo hiểm.
- Bảng điều khiển Lucida
- Monaco
Chữ thảo và chữ ảo
Phông chữ chữ thảo và ảo không được phổ biến như serif hoặc sans-serif, và bản chất trang trí công phu của các phông chữ này khiến chúng không phù hợp để sử dụng làm bản sao nội dung. Những phông chữ này thường được sử dụng làm tiêu đề và tiêu đề, nơi chúng được đặt ở kích thước phông chữ lớn hơn và chỉ cho các cụm văn bản ngắn. Về mặt phong cách, các phông chữ này có thể trông thật tuyệt vời, nhưng bạn cần phải cân nhắc giao diện của phông chữ đối với khả năng đọc của bất kỳ văn bản nào bạn đã đặt bằng cách sử dụng chúng.
Chỉ có một phông chữ chữ thảo có sẵn trên Windows và Macintosh , nhưng không có trên Linux. Đó là Comic Sans MS. Không có phông chữ tưởng tượng nào có phạm vi phủ sóng tốt trên các trình duyệt và hệ điều hành. Điều này có nghĩa là nếu bạn đang sử dụng các phông chữ ảo trên trang web của mình, bạn có thể sử dụng chúng làm phông chữ web và liên kết đến tệp phông chữ thích hợp.
Điện thoại thông minh và thiết bị di động
Nếu bạn đang thiết kế trang cho thiết bị di động , lựa chọn phông chữ an toàn trên web sẽ biến đổi. Đối với các thiết bị iPhone, iPod và iPad, các phông chữ phổ biến bao gồm:
- Arial
- Chuyển phát nhanh
- Chuyển phát nhanh mới
- Georgia
- Helvetica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Phông chữ web là một lựa chọn tuyệt vời khi xem xét thiết kế đa thiết bị, vì việc có thể tải phông chữ bên ngoài sẽ cung cấp cho bạn giao diện nhất quán hơn nhiều từ thiết bị đến thiết bị. Sau đó, bạn có thể ủ những phông chữ được tải xuống với một hoặc hai lựa chọn an toàn trên web để có giao diện và hiệu suất mà trang web của bạn cần để thành công.
Bài báo gốc của Jennifer Krynin. Biên tập bởi Jeremy Girard vào 8/8/17