メインコンテンツまでスキップ

Web Safe Fonts

Trong lĩnh vực thiết kế đồ họa, người ta thường sử dụng những font chữ nổi tiếng khi lựa chọn font chữ cho thiết kế. Các kiểu chữ tiếng Anh nổi tiếng bao gồm các kiểu chữ có chân (serif) như Bodoni, Times New Roman, Garamond... và các kiểu chữ không chân (sans-serif) như Helvetica, Futura, Frutiger... (Các đặc điểm của từng Font chữ sẽ không được mô tả ở đây).

Trong số này, Helvetica và Times New Roman có thể được đánh giá là có thể sử dụng được trên web, nhưng Bodoni, Futura... được coi là không hợp lệ khi được chỉ định như trong CSS. Sự khác biệt này có thể được xác định bằng Web Safe Fonts. Web Safe Fonts là những Font chữ được cài đặt sẵn trong OS (hệ điều hành) và có thể hiển thị trên hầu hết các thiết bị. (Các kiểu chữ thuộc Web Safe Fonts được cập nhật và thay đổi theo thời gian, chẳng hạn như nâng cấp phiên bản hệ điều hành. Để tìm ra Font chữ nào thuộc Web Safe Fonts, hãy kiểm tra với các trang web đáng tin cậy như W3C).

/* OK */
font-family: Helvetica, 'Times New Roman';

/* NOT OK */
font-family: Bodoni, Futura;

Với kiến ​​thức về Web Safe Fonts, ngay cả khi không có hướng dẫn thiết kế chi tiết, vẫn có thể đưa ra các quyết định như: A không biết về Web Safe Fonts, B có kiến ​​thức về Web Safe Fonts.

  • Thiết kế sử dụng kiểu chữ không phải là Web Safe Fonts cho tiêu đề chính.
    • A) Yêu cầu kiểu chữ từ khách hàng để xác nhận thiết kế. Vì nó được hiển thị trong môi trường của tôi nên tôi đã chỉ định nó bằng CSS mặc dù nó không hợp lệ trên nhiều thiết bị đầu cuối.
    • B) Yêu cầu khách hàng cung cấp thông tin về kiểu chữ để kiểm tra thiết kế và nếu đó không phải là Web Safe Fonts hoặc Web Font, bạn có thể yêu cầu dữ liệu thiết kế phác thảo và quyết định xuất nó ra dưới dạng hình ảnh.
  • Thiết kế sử dụng kiểu chữ không phải là Web Safe Fonts cho nội dung văn bản.
    • A) Yêu cầu kiểu chữ từ khách hàng để xác nhận thiết kế. Vì nó được hiển thị trong môi trường của tôi nên tôi đã chỉ định nó bằng CSS mặc dù nó không hợp lệ trên nhiều thiết bị đầu cuối.
    • B) Giải thích kiểu chữ cho khách hàng và xin phép chỉ định Web Safe Fonts hoặc Web Font để thay thế.

Web Safe Fonts của tiếng Nhật​

Tiếng Nhật cũng có Web Safe Fonts như Font chữ tiếng Anh. Tuy nhiên, do tiếng Nhật là ngôn ngữ có số lượng ký tự lớn nên việc chủ động phát triển các font chữ mới là rất khó, vì thế số lượng font chữ cài đặt sẵn trong hệ điều hành còn khá ít. Kể từ năm 2022, không có nhiều Web Safe Fonts của Nhật Bản.