Làm thế nào để Chọn phông chữ cho Website của bạn

Một số phông chữ không hoạt động tốt trên các trang web. Thật không may, quá nhiều phông chữ tồn tại trong những ngày này để bạn có thể tìm thấy một danh sách hoàn chỉnh những cái nào làm và cái nào không có. Ngoài ra, điều quan trọng là phải hiểu rằng phông chữ, như thời trang, đi vào và ra khỏi phong cách để sử dụng trên web để có một ví dụ nhanh về phông chữ không hợp thời trang, chỉ cần thực hiện tìm kiếm trên Comic Sans) Nhưng có một số hướng dẫn chung để giúp bạn chọn đúng phông chữ cho các ứng dụng khác nhau

Chuẩn so với phông chữ hiển thị trong thiết kế web

Để chọn đúng phông chữ cho trang web của bạn, bạn nên làm quen với các loại phông chữ khác nhau.Nói chung, bạn nên sử dụng các phông chữ tiêu chuẩn cho các trang văn bản và dự trữ phông chữ trang trí hoặc phông chữ trang trí, thường được gọi là hiển thị phông chữ, tiêu đề ngắn, chú thích và tiêu đề phụ.

Phông chữ chuẩn bao gồm Garamond, Times, Georgia, Arial, Helvetica và Verdana, được thiết kế để làm rõ và hoạt động tốt với các khối văn bản lớn hơn. Đây là những phông chữ phổ biến mà nhiều người đã nghe. Tuy nhiên, có một số phông chữ nằm trong danh mục "chuẩn" có tên mà bạn không thể nhận ra.

Phép chữ cho bản sao cơ thể thường được gọi là Roman, Body, hoặc Regular. Người đọc không bị phân tâm bởi thiết kế của các phông chữ cổ điển, cho phép họ tập trung vào các văn bản trong tầm tay. Phông chữ chuẩn được thiết kế để đọc dễ dàng, vì vậy chúng hoạt động tốt ở các kích thước điểm nhỏ hơn và trong các khối văn bản lớn hơn.

Chiều dày phông chữ trên web

Chiều dày của mỗi chữ cái riêng lẻ (hoặc

trọng lượng đường ) góp phần rất lớn vào khả năng đọc của một font. Bởi vì pixel trên máy tính không tương đối nhỏ, phông chữ quá mỏng có thể mờ nhạt đi, đặc biệt ở các kích thước điểm nhỏ hơn. Nếu bạn kiểm tra bất kỳ phông chữ nào, bạn sẽ nhận thấy độ dày thay đổi trong mỗi chữ cái. Ví dụ, hãy nhìn vào bức thư

m trong ví dụ dưới đây. Bức thư được đặt trong một vài kiểu chữ khác nhau để so sánh. Một số phông chữ, chẳng hạn như Kepel Bold (ví dụ ở bên trái), thay đổi mạnh mẽ giữa các vùng dày và mỏng của một chữ cái.Ở một kích thước nhỏ, cho chữ m , tất cả những gì bạn thấy là một đốm màu với ba nét đậm nét - những cơn đột qu thin mỏng biến mất hoàn toàn. Khi chọn phông chữ cho văn bản có kích thước nhỏ, hãy tìm các phiên bản không có độ sai lệch lớn trong độ dày nét. Ngoài ra, tránh các phiên bản "nhẹ" của phông chữ - chúng quá mỏng để đọc ở một kích thước nhỏ. (Hầu hết các phông chữ gia đình có nhiều độ dày, từ ánh sáng cho mỏng nhất của bộ thiết lập để đậm, đen, và siêu cho trọng lượng dần dần nặng hơn.) Serif so với sans-serif fonts trong thiết kế web

font giáo dục sẽ không được hoàn thành cho đến khi bạn biết sự khác biệt giữa serif và sans-serif fonts. Một

serif là một diềm nhỏ trang trí những lời khuyên của một lá thư. Mặt khác, các phông chữ Sans-serif không có các cạnh này. Một số phông chữ sans-serif hiện đại có ít điểm nhấn trên mẹo của chúng, làm cho bạn nhìn hai lần, nhưng chúng vẫn được coi là phông chữ sans-serif. Cả hai serif và san-serif phông chữ có thể được sử dụng cho các khối lớn hơn của cơ thể sao chép. Thông thường, các phông chữ serif cung cấp cho trang một vẻ ngoài bảo thủ, sang trọng hơn, hay tin tức hơn, trong khi các phông chữ san-serif mang lại cảm giác sạch hơn, hiện đại hơn. Các phông chữ trong danh sách đều tồn tại

10 điểm kiểm tra : Tất cả đều có thể đọc được khi được thiết lập chỉ với 10 điểm, là cỡ chữ nhỏ nhất cho văn bản mà bạn nên xem xét để sao chép toàn bộ thiết kế web (tốt nhất để thiết lập ở 11 điểm ít nhất). Hãy thử trộn các phông chữ serif và sans-serif với nhau. Ví dụ: sử dụng một kiểu cho tiêu đề và kiểu khác cho văn bản cơ thể. Chọn một tập hợp từ hai đến ba phông cho trang web của bạn - một cho mỗi loại yếu tố kiểu khác nhau - giúp thêm sự quan tâm trực quan đến trang, như trong ví dụ sau đây.

Tín dụng: © Swiss Water Cà phê không có caffein