HomeTổng hợpBlogTìm hiểu về web fonts

Tìm hiểu về web fonts

Trong bài viết này, chúng ta sẽ tìm hiểu về các loại font được sử dụng cho web (web fonts), cách sử dụng web fonts sao cho hợp lý.

Các loại định dạng của web fonts
1. Embedded OpenType (EOT)

EOT là định dạng được phát triển bởi Microsoft hơn 15 năm về trước. EOT thường không được nén và là định dạng duy nhất mà trình duyệt Internet Explorer (IE) từ phiên bản 8 trở xuống có thể nhận dạng được khi sử dụng @font-face. Nếu không có ý định hỗ trợ IE8 hoặc các phiên bản thấp hơn thì tốt nhất nên bỏ qua định dạng font này.

 

2. TrueType (TTF)

TTF là định dạng font được phát triển bởi Microsoft và Apple vào những năm 1980. Những phiên bản TTF mới sau này được gọi là TrueType OpenType. TTF có thể hỗ trợ những trình duyệt cũ, đặc biệt trên cả những thiết bị di động. Ngoài ra, TTF còn cung cấp một cơ chế quản lý bản quyền số cơ bản. Theo đó, một giá trị cờ được nhúng vào font sẽ xác định người sử dụng font có quyền được tích hợp vào file PDFs hay websites hay không. Đối với các phiên bản IE từ 9 trở lên, TTF chỉ hoạt động được nếu những bit tích hợp (embedding bits) được đặt về giá trị là installable.

 

3. Web Open Font Format (WOFF)

WOFF ra đời năm 2009 và được phát triển bởi Mozilla cùng một số tổ chức khác. WOFF fonts thường load nhanh hơn những định dạng khác bởi nó là phiên bản nén, cấu tạo kết hợp từ 2 loại font là OpenType và TrueType. Định dạng này cũng có thể chứa metadata và những thông tin về giấy phép sử dụng.

 

4. Web Open Font Format 2 (WOFF2)

WOFF2 là phiên bản nâng cấp của WOFF được phát triển bởi Google. Đây được coi là định dạng web font tốt nhất hiện nay bởi dung lượng nhỏ hơn và hỗ trợ tốt hơn cho các trình duyệt về mặt hiệu năng. Khả năng nén của WOFF 2 trung bình cao hơn 30% so với WOFF 1 (và có thể lên tới hơn 50% trong một số trường hợp).

 

Ngoài ra còn có 2 loại font khác nữa
– Scalable Vector Graphics (SVG): SVG fonts là những file text chứa các đường tượng hình thể hiện các thành phần và thuộc tính SVG chuẩn. Mỗi file là một đối tượng vector đơn lẻ. Điều này cũng chính là điểm yếu lớn nhất của định dạng font này. SVG fonts không bao giờ được nén và thường có kích thước khá lớn. SVG là định dạng duy nhất được sử dụng trên các phiên bản Safari cho iOS từ 4.1 trở xuống. Hiện tại, SVG không được hỗ trợ trên các trình duyệt FireFox, IE, IE Mobile và Opera Mini.

– TrueType Collection (TTC): là một phần mở rộng của định dạng TrueType khi mà cho phép gộp nhiều font thành một file, tiết kiệm một phần lớn không gian lưu trữ đối với các bộ fonts có nhiều biểu tượng giống nhau. TTC ban đầu được sử dụng trên các phiên bản hệ điều hành Windows tiếng Trung, tiếng Nhật và tiếng Hàn. Sau đó nó được sử dụng trên tất cả các phiên bản của Windows 2000 trở về sau. MacOS bắt đầu hỗ trợ TTC từ phiên bản Mac OS 8.5.

 

Nguồn: Viblo.asia

Ngoài ra, bạn có thể tham khảo thêm cách Tích hợp web font và Các lỗi khi sử dụng web font tại đây

Bài viết liên quan