TTF

TrueType Font — định dạng font nhị phân tiêu chuẩn ngành được phát triển bởi Apple và Microsoft.

TTF Là Gì?

TrueType được phát triển bởi Apple vào cuối những năm 1980 như một giải pháp thay thế cho font PostScript Type 1 của Adobe, và sau đó được Microsoft áp dụng cho Windows. Nó lưu trữ glyph outlines dưới dạng đường cong Bézier bậc hai, đơn giản hơn về mặt tính toán (và rasterize nhanh hơn) so với các đường cong bậc ba mà PostScript sử dụng.

TTF nhanh chóng trở thành định dạng font phổ quát cho cả macOS và Windows. Trong hơn hai thập kỷ, đây là cách tiêu chuẩn để phân phối font — từ font hệ thống đến kiểu chữ tùy chỉnh. Mặc dù WOFF/WOFF2 đã thay thế phần lớn cho việc phân phối web, TTF vẫn là nền tảng mà tất cả các định dạng font web hiện đại được xây dựng trên đó.

Cách Hoạt Động

Một tệp TTF là binary container được tổ chức thành các bảng, mỗi bảng lưu trữ một loại dữ liệu cụ thể:

• glyf — glyph outlines (các hình dạng vector thực tế)
• cmap — ánh xạ ký tự sang glyph (Unicode code point nào ánh xạ tới glyph nào)
• head — metadata của font (units-per-em, ngày tạo, flags)
• hmtx — số liệu ngang (advance width và left side bearing cho mỗi glyph)

Đối với icon fonts, mỗi biểu tượng được gán một Unicode code point trong Vùng Sử Dụng Riêng Tư (U+E000 đến U+F8FF) — phạm vi được dành riêng cho các ký tự do ứng dụng định nghĩa, không xung đột với văn bản tiêu chuẩn.

@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

Gợi ý format('truetype') cho trình duyệt biết loại tệp font nào sẽ đến, để nó có thể bỏ qua tải xuống nếu TrueType không được hỗ trợ (mặc dù hầu hết tất cả các trình duyệt đều hỗ trợ).

Ưu và Nhược điểm

Hỗ Trợ Trình Duyệt

TTF có hỗ trợ trình duyệt 98%+, bao gồm tất cả các trình duyệt hiện đại và Internet Explorer 9+. Nó cũng được hỗ trợ gốc bởi mọi hệ điều hành máy tính chính — Windows, macOS và Linux — có nghĩa là bạn có thể cài đặt tệp TTF trực tiếp như một font hệ thống mà không cần chuyển đổi.

Mặc dù TTF hoạt động ở mọi nơi, để phân phối web bạn nên ưu tiên WOFF2 (vốn chỉ là TTF được nén). Dành TTF thuần túy cho việc sử dụng máy tính, phát triển và là định dạng cơ sở trong build pipeline của bạn.

Khi Nào Sử Dụng TTF

• Ứng dụng máy tính — cài đặt như font hệ thống để sử dụng trong ứng dụng native, công cụ thiết kế hoặc IDE.
• Electron và ứng dụng native — đóng gói TTF trực tiếp với ứng dụng để hiển thị font ngoại tuyến.
• Phát triển và kiểm thử — TTF dễ kiểm tra bằng các công cụ font như FontForge, fontTools hoặc trình xem font hệ thống.
• Kiểm tra font hệ thống — khi cần xác minh glyph metrics, hinting hoặc bảng cmap bằng các tiện ích cấp OS.