Phông Chữ Nào để Sử Dụng Cho Trang Web

Mục lục:

Phông Chữ Nào để Sử Dụng Cho Trang Web
Phông Chữ Nào để Sử Dụng Cho Trang Web

Video: Phông Chữ Nào để Sử Dụng Cho Trang Web

Video: Phông Chữ Nào để Sử Dụng Cho Trang Web
Video: Cách kiểm tra một website nào đó đang sử dụng font chữ nào 2024, Có thể
Anonim

Mặc dù thực tế là tổng số phông chữ là hàng chục nghìn, quản trị viên web có một sự lựa chọn rất hạn chế. Nếu bạn cài đặt một phông chữ duy nhất trên trang web, thì hầu hết người dùng chỉ đơn giản là sẽ không hiển thị nó. Vì vậy, khi lựa chọn một thiết kế văn bản, cần phải tính đến một số đặc thù.

Phông chữ nào để sử dụng cho trang web
Phông chữ nào để sử dụng cho trang web

Phông chữ không được nhúng trong trang của trang web. Nội dung của mã chỉ đơn giản cho biết rằng người dùng cần hiển thị một diện mạo cụ thể. Đồng thời, các nhà thiết kế bố trí có kinh nghiệm chỉ ra một số tùy chọn phù hợp cùng một lúc. Nếu thiếu một phông chữ, phông chữ khác sẽ xuất hiện.

Ngoài ra, thiết kế đôi khi thay đổi tùy thuộc vào thiết bị. Ví dụ: bạn có thể định cấu hình trang web của mình để hiển thị một phông chữ (nhỏ gọn và dễ đọc hơn trên màn hình nhỏ) cho người dùng di động và một phông chữ khác cho chủ sở hữu máy tính bảng.

Đồng thời, mẫu mã không nên quá đa dạng. Hầu hết các sách về khả năng sử dụng của các nguồn Internet đều nói rằng sử dụng 3 phông chữ khác nhau trên trang web là tối ưu. Nếu có nhiều hơn trong số chúng, thiết kế trông quá hài hòa.

Các tùy chọn tối ưu

Đối với nội dung, tốt nhất bạn nên chọn phông chữ không chân (sans serif). Trên màn hình và màn hình, chúng được cảm nhận tốt hơn nhiều. Phông chữ Serif được sử dụng chủ yếu trong tiêu đề hoặc tài liệu in.

Các lựa chọn phổ biến nhất là Arial, Trebuchet 10 điểm cho nội dung chính và Georgia, Times New Roman 12 điểm cho tiêu đề. Điều này là do tính khả dụng rộng rãi và dễ đọc của chúng. Nhưng Impact và Comic Sans, mặc dù phổ biến, không được khuyến khích.

Một lựa chọn tốt khác là phông chữ Verdana. Về mặt hình ảnh, nó tương tự như Arial, nhưng với đường viền mỏng hơn. Xin lưu ý rằng phông chữ này chỉ được cài đặt theo mặc định trên các phiên bản Windows và Mac OC mới hơn, vì vậy hãy đảm bảo chỉ định một phông chữ thay thế.

Sử dụng phông chữ

Trong các phần chèn văn bản khác nhau (trích dẫn, khuyến nghị, v.v.), tốt hơn là sử dụng một phông chữ thay thế. Sử dụng cùng một thiết kế văn bản trong tất cả các khối trông không chuyên nghiệp.

Không thay đổi khoảng cách dòng và chữ cái. Ngay cả khi văn bản quá dài và chiếm nhiều không gian trực quan, tốt hơn là bạn nên để nguyên mọi thứ. Nếu không, bạn sẽ kết thúc với một bài viết rất khó đọc.

Tốt nhất là không sử dụng màu xanh lam để làm nổi bật các điểm quan trọng, vì nó được liên kết với các liên kết và người dùng rất có thể sẽ muốn nhấp vào nó. Cũng tránh bất kỳ điểm nhấn nào khác về màu sắc, trừ khi thiết kế dựa trên nó.

Trong mọi trường hợp, hãy sử dụng các tập lệnh cho phép bạn tải các phần tử đồ họa không cần thiết. Đầu tiên, nó sẽ ảnh hưởng đến tốc độ tải trang. Thứ hai, bạn không bao giờ có thể dự đoán được tính chính xác của việc cài đặt phông chữ của người dùng. Thứ ba, không phải tất cả khách truy cập trang web sẽ muốn nhận được một món quà như vậy. Thứ tư, tải trên máy chủ sẽ tăng lên.

Nếu bạn vẫn cần sử dụng một phông chữ đẹp, thì tốt hơn là chuyển văn bản thành hình ảnh và tải nó lên trang web ở dạng này.

Đề xuất: