Làm thế nào để chọn phông chữ gia đình cho trang web của bạn

Cách quyết định họ sử dụng phông chữ nào

Nhìn vào bất kỳ trang web trực tuyến ngày hôm nay, bất kể kích thước của trang web hoặc ngành công nghiệp mà nó là dành cho, và bạn sẽ thấy rằng một điều tất cả họ chia sẻ chung là nội dung văn bản.

Một trong những cách dễ nhất để ảnh hưởng đến thiết kế của trang web là với các phông chữ mà bạn sử dụng cho nội dung văn bản trên trang web đó. Thật không may, nhiều nhà thiết kế web, những người đầu tiên trong sự nghiệp của họ đi một chút điên rồ bằng cách sử dụng quá nhiều phông chữ trên mỗi trang. Điều này có thể làm cho một kinh nghiệm lầy lội mà dường như thiếu sự gắn kết thiết kế. Trong các trường hợp khác, các nhà thiết kế cố gắng thử nghiệm các phông chữ hầu như không thể đọc được, sử dụng chúng chỉ vì chúng "cool" hoặc khác nhau. "sự mát mẻ" của phông chữ đó sẽ biến mất khi không ai đọc trang web đó và thay vào đó rời khỏi trang web mà họ có thể xử lý!

Bài viết này sẽ xem xét một số mục bạn nên xem xét khi bạn chọn họ phông chữ cho dự án trang web tiếp theo của mình.

MỘT SỐ QUY TẮC-OF-THUMB

  1. Không sử dụng nhiều hơn 3-4 phông chữ trên bất kỳ trang nào. Bất cứ điều gì nhiều hơn điều này bắt đầu cảm thấy nghiệp dư - và thậm chí 4 phông chữ có thể là quá nhiều trong một số trường hợp!
  2. Không thay đổi phông chữ ở giữa câu trừ khi bạn có một lý do rất tốt (Lưu ý - Tôi chưa bao giờ, trong tất cả các năm của tôi là một nhà thiết kế web, tìm thấy một lý do chính đáng để làm điều này)
  3. Sử dụng phông chữ sans serif hoặc phông chữ serif cho văn bản nội dung để làm cho các khối nội dung đó dễ đọc hơn.
  4. Sử dụng phông chữ monospace cho văn bản máy đánh chữ và khối mã để đặt mã đó ngoài trang.
  5. Sử dụng phông chữ tập lệnh và hình tượng trưng cho dấu trọng âm hoặc tiêu đề lớn với rất ít từ.

Hãy nhớ rằng đây là tất cả các đề xuất, không phải là các quy tắc cứng và nhanh. Tuy nhiên, nếu bạn định làm gì đó khác, thì bạn nên làm điều đó với ý định, không phải ngẫu nhiên.

SANS SERIF FONTS LÀ CƠ SỞ CỦA TRANG WEB CỦA BẠN

Phông chữ Sans serif là những phông chữ không có " serifs " - điều trị thiết kế nhỏ được thêm vào ở cuối các chữ cái.

Nếu bạn đã thực hiện bất kỳ khóa học thiết kế in nào, bạn có thể đã được thông báo rằng bạn chỉ nên sử dụng phông chữ serif cho tiêu đề. Điều này không đúng với Web. Các trang web được dự định sẽ được xem bởi các trình duyệt web trên màn hình máy tính và màn hình ngày nay khá tốt khi hiển thị cả hai phông chữ serif và sans-serif một cách rõ ràng. Một số phông chữ serif có thể trở thành một chút khó khăn khi đọc ở kích thước nhỏ hơn, đặc biệt là trên màn hình cũ hơn, vì vậy bạn nên luôn chú ý đến khán giả và đảm bảo rằng họ có thể đọc phông chữ serif trước khi quyết định sử dụng chúng cho văn bản nội dung của bạn. Điều đó đang được nói, hầu hết các phông chữ serif ngày nay được thiết kế để tiêu thụ kỹ thuật số và chúng sẽ hoạt động tốt như bản sao nội dung miễn là chúng được đặt ở kích thước phông chữ hợp lý.

Một số ví dụ về phông chữ sans-serif là:

Thông tin bên lề: Verdana là họ phông chữ được phát minh để sử dụng trên web.

SỬ DỤNG SERIF FONTS CHO IN

Mặc dù phông chữ serif có thể hoạt động để đọc trực tuyến cho các màn hình cũ hơn, chúng hoàn hảo cho việc in và tốt cho các tiêu đề trên trang web. Nếu bạn có các phiên bản in thân thiện của trang web của bạn, đây là nơi hoàn hảo để sử dụng phông chữ serif. Các serifs, trong in ấn, làm cho nó dễ dàng hơn để đọc, vì chúng cho phép mọi người phân biệt các chữ cái rõ ràng hơn. Và bởi vì bản in có độ phân giải cao hơn, chúng có thể được nhìn rõ hơn và không bị mờ đi.

Thực hành tốt nhất: Cân nhắc sử dụng phông chữ serif cho các trang in thân thiện của bạn.

Một số ví dụ về phông chữ serif là:

MONOSPACE FONTS TAKE UP EQUAL SPACE CHO M LI THƯ

Ngay cả khi trang web của bạn không phải về máy tính, bạn có thể sử dụng đơn vị vũ trụ để cung cấp hướng dẫn, đưa ra các ví dụ hoặc ngụ ý văn bản được đánh máy. Các chữ cái đơn cách có cùng chiều rộng cho mỗi ký tự, vì vậy chúng luôn chiếm cùng một không gian trên trang.

Máy đánh chữ thường sử dụng phông chữ monospace và sử dụng chúng trên trang web của bạn có thể cho bạn cảm giác về nội dung được đánh máy đó.

Một số ví dụ về phông chữ đơn cách là:

Thực hành tốt nhất: Phông chữ Monospace hoạt động tốt cho các mẫu mã.

FANTASY và SCRIPT FONTS ĐƯỢC ĐỌC

Các phông chữ ảo và kịch bản không được trải rộng trên các máy tính, và nói chung có thể khó đọc trong các khối lớn. Trong khi bạn có thể thích hiệu ứng của một cuốn nhật ký hoặc bản ghi cá nhân khác mà sử dụng một phông chữ nguyền rủa có thể cung cấp, độc giả của bạn có thể gặp rắc rối. Điều này đặc biệt đúng nếu khán giả của bạn bao gồm những người không phải là người bản ngữ. Ngoài ra, phông chữ ảo và chữ thảo không phải lúc nào cũng bao gồm các ký tự dấu trọng âm hoặc các ký tự đặc biệt khác giới hạn văn bản của bạn thành tiếng Anh.

Sử dụng phông chữ ảo và chữ thảo trong hình ảnh và làm tiêu đề hoặc cuộc gọi. Hãy giữ chúng ngắn gọn và lưu ý rằng bất kỳ phông chữ nào bạn chọn có thể sẽ không nằm trên phần lớn máy tính của người đọc, vì vậy bạn sẽ cần phân phối chúng bằng phông chữ trên web .

Một số ví dụ về phông chữ ảo là:

Thông tin bên lề: Tác động là họ phông chữ có nhiều khả năng xuất hiện trên các máy Mac, Windows và Unix.

Một số ví dụ về phông chữ tập lệnh là:

Thông tin bên lề: Các nghiên cứu đã chỉ ra rằng các phông chữ khó đọc hơn có thể giúp học sinh giữ lại nhiều thông tin hơn.

Bài báo gốc của Jennifer Krynin. Biên tập bởi Jeremy Girard vào ngày 9/8/17