Generic-family
Có nhiều loại Font chữ khác nhau, những Font chữ có hình dạng ký tự tương tự nhau được phân loại thành Generic-family (họ Font chữ chung). Đặc biệt trong thiết kế web, các phân loại sau đây thường được sử dụng. Giá trị này có thể được chỉ định trực tiếp trong CSS bằng thuộc tính font-family.
- Serif (Mincho trong tiếng Nhật)
- Sans-serif (Gothic trong tiếng Nhật)
- Cursive (kaisho trong tiếng Nhật)
- Fantasy (trang trí bằng tiếng Nhật)
- Monospace (Font chữ đơn cách trong tiếng Nhật)
Trong số này, Serif và Sans-serif đặc biệt quan trọng và thường được sử dụng, điều cốt lõi là phải biết font chữ cần dùng thuộc loại nào để có thể tạo ra được giao diện có tính tái hiện cao hơn nữa ở nhiều thiết bị hơn nữa khi biểu hiện design của web. Các Font chữ được cài đặt trên thiết bị là khác nhau đối với mỗi thiết bị đầu cuối, do đó bằng cách chỉ định Font chữ theo thứ tự ưu tiên, nếu Font chữ không tồn tại trên thiết bị đầu cuối, nó sẽ được hiển thị bằng Font chữ gần với Font chữ bạn muốn chỉ định để đảm bảo việc tái hiện giao diện ở mức tối thiểu.
Ví dụ: font chữ trong thiết kế là Helvetica, việc chỉ định CSS như sau là không phù hợp.
font-family: Helvetica, serif;
Vì Helvetica là một Font chữ thuộc họ San-serif, về cơ bản là sai khi hiển thị serif khi Helvetica không tồn tại. Ngoài ra, nếu Helvetica không tồn tại, thì Arial tương đối gần với Helvetica, vì vậy sẽ thân thiện hơn khi chỉ định như sau.
font-family: Helvetica, Arial, sans-serif;
Trong trường hợp Font chữ tiếng Nhật, cũng giống như trường hợp Font chữ tiếng Anh nêu trên, cần biết font chữ cần dùng thuộc loại nào Serif hay Sans-serif, xác định font cùng loại và Generic-family.
Khi xử lý Font chữ tiếng Nhật, khả năng cao những người không phải là người Nhật không thể đánh giá từ hình dạng ký tự, nhưng cũng có thể đánh giá từ tên của font chữ. Các Font chữ Serif tiếng Nhật nổi tiếng được sử dụng trên web bao gồm Hiragino Mincho và MS Mincho và các fonts có các từ như Mincho và Min trong tên tiếng Anh. Các Font chữ Sans-serif tiếng Nhật nổi tiếng được sử dụng trên web bao gồm Hiragino Gothic và MS Gothic, và các fonts có các từ như Gothic và Go trong tên tiếng Anh.
font-family: 'ＭＳ Ｐゴシック' , 'MS PGothic' , sans-serif;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;