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

Phần mở rộng và lịch sử Font chữ

Nhiều Font chữ có lịch sử lâu đời, có những Font chữ có lịch sử hơn 100 năm, chẳng hạn như Bodoni, được tạo ra trong thời đại in ấn điện toán. Trong thời hiện đại, với sự phổ biến của phần mềm DTP (Desktop Publishing) và in letterpress, Font chữ đã được sử dụng trên máy tính cá nhân. Định dạng tệp của Font chữ hiện đang được sử dụng trong thế giới máy tính ban đầu được chuẩn hóa để sử dụng trong in letterpress. Font chữ dưới dạng dữ liệu được gọi là Font chữ kỹ thuật số (digital fonts) và Font chữ từ thời đại in ấn điện toán được gọi là Font chữ tương tự (analog fonts).

Font chữ kỹ thuật số trong các máy tính đời đầu rất đơn giản chỉ để hiển thị các chuỗi trên CUI (Character User Interface). Monospaced Font một Font chữ đơn cách, được sử dụng với mục đích nhấn mạnh vào khả năng đọc trong CUI có độ phân giải thấp. Kể từ khi phát minh ra GUI (Graphical User Interface), với sự phát triển của DTP sử dụng phần mềm soạn thảo, các Font chữ kỹ thuật số có cấu trúc dữ liệu đơn giản được gọi là Bitmap Font đã phát triển thành Scalable Font, có thể chứa nhiều thông tin hơn. Để tiêu chuẩn hóa Font chữ kỹ thuật số, các công ty phần mềm nổi tiếng đã tranh giành vị trí hàng đầu để xem tiêu chuẩn của công ty nào sẽ trở thành tiêu chuẩn chung. Định dạng thế hệ tiếp theo được phát triển bởi các nhà phát triển hệ điều hành Microsoft và Apple, nhà phát triển phần mềm Adobe và các công ty khác. Do đó, dữ liệu Font chữ xuất hiện ở nhiều định dạng tệp, nhưng giờ đây nó đã được thống nhất thành định dạng OpenType do Microsoft, Adobe và Apple cùng phát triển. Tuy nhiên, ngay cả bây giờ, hai phần mở rộng .otf và .ttf của Font chữ vẫn được các Hệ điều hành sử dụng do tàn dư của cuộc tranh giành vị trí hàng đầu trong quá khứ.

Font chữ kỹ thuật số được mong đợi sẽ được sử dụng trong thiết kế web. Với mục đích đó, hệ điều hành máy khách duyệt trang web cần phải có kiểu chữ, nhưng trong trường hợp PC gia đình, có rất ít Font chữ được cài đặt theo tiêu chuẩn và các Font chữ được cài đặt khác nhau tùy thuộc vào hệ điều hành của mỗi thiết bị đầu cuối, nên sự lựa chọn các Font chữ có sẵn đã bị hạn chế. Nếu Font chữ được chỉ định không có sẵn trên mỗi thiết bị đầu cuối, Font chữ đó sẽ được thay thế bằng Font Fallbacks và xảy ra vấn đề là giao diện khác với những gì được dự định trong thiết kế. Web Font là công nghệ CSS3 được phát triển để giải quyết vấn đề này. Bằng cách tải xuống các tệp Font chữ từ máy chủ và chỉ xử lý nó trên trình duyệt, có thể hiển thị nhiều kiểu chữ khác nhau trên bất kỳ thiết bị đầu cuối nào.

Tuy nhiên, dữ liệu Font chữ có kích thước dữ liệu lớn nên cần có thời gian để phân phối trên các đường truyền internet chậm và các trang web sử dụng WEB Font sẽ mất thời gian để hiển thị. Hai hiện tượng, FOIT (Flash of Invisible Text) và FOUT (Flash of Unstyled Text), được đặc biệt chỉ ra cho vấn đề này. Để tăng tốc độ tải xuống dữ liệu Font chữ, WOFF (Web Open Font Format) một định dạng tệp nén OpenType đã được phát triển và sau đó WOFF2 (phần mở rộng .woff2) cũng đã được phát triển. WOFF2 có tốc độ nén cao hơn 12% so với WOFF1 và kể từ năm 2022, nhiều trình duyệt đã hỗ trợ nó. Ngoài việc nén dữ liệu, các giải pháp khác cũng đã được thực hiện để giải quyết vấn đề tốc độ tải dữ liệu Font chữ. Hiện tại, có sự cố FOUT, nhiều patterns đã được triển khai theo phương pháp tải từng phần (lazy loading) không can thiệp vào việc tải HTML và không ảnh hưởng đến việc hiển thị văn bản. Ngược lại, FOIT không được sử dụng dưới dạng một anti-patterns hoàn chỉnh. Do chưa có giải pháp hoàn hảo nên vấn đề này hy vọng sẽ được giải quyết trong tương lai với sự ra đời của các công nghệ mới.

Trên đây là lịch sử chuyển đổi Font chữ kỹ thuật số cho đến hiện tại. Khi sử dụng kiểu chữ có nền tảng lịch sử như vậy, vui lòng lưu ý những điều sau trong quá trình phát triển web:

  1. Ban đầu nó được phát triển cho DTP, không phải là "công cụ được phát triển cho WEB" như các công nghệ WEB khác.
  2. Trong nhiều trường hợp, cần lưu ý rằng màn hình hiển thị có thể khác nhau tùy theo loại thiết bị sử dụng.
  3. Dữ liệu Font chữ có nhiều định dạng và trình duyệt hỗ trợ khác nhau đối với từng định dạng.
  4. Khi sử dụng Web Font, cần có cách xử lí thích hợp vì quá trình tải sẽ mất thời gian.