TTF
TrueType Font — format font biner standar industri yang dikembangkan oleh Apple dan Microsoft.
Apa Itu TTF?
TrueType dikembangkan oleh Apple pada akhir 1980-an sebagai alternatif untuk font PostScript Type 1 Adobe, dan kemudian diadopsi oleh Microsoft untuk Windows. Ini menyimpan glyph outlines sebagai kurva Bézier kuadratik, yang lebih sederhana secara komputasi (dan lebih cepat di-rasterisasi) daripada kurva kubik yang digunakan PostScript.
TTF dengan cepat menjadi format font universal untuk macOS dan Windows. Selama lebih dari dua dekade, ini adalah cara standar untuk mendistribusikan font — dari font sistem hingga tipografi kustom. Meskipun WOFF/WOFF2 sebagian besar telah menggantikannya untuk pengiriman web, TTF tetap menjadi fondasi yang semua format font web modern dibangun di atasnya.
Cara Kerjanya
File TTF adalah binary container yang diorganisir ke dalam tabel, masing-masing menyimpan jenis data tertentu:
glyf— glyph outlines (bentuk vektor sesungguhnya)cmap— pemetaan karakter ke glyph (Unicode code point mana yang memetakan ke glyph mana)head— metadata font (units-per-em, tanggal pembuatan, flags)hmtx— metrik horizontal (advance width dan left side bearing untuk setiap glyph)
Untuk icon fonts, setiap ikon diberi Unicode code point di Area Penggunaan Pribadi (U+E000 hingga U+F8FF) — rentang yang khusus dicadangkan untuk karakter yang didefinisikan aplikasi yang tidak akan bertentangan dengan teks standar.
Menggunakan TTF icon font di CSS@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';
}
Petunjuk format('truetype') memberi tahu browser jenis file font apa yang diharapkan, sehingga dapat melewati unduhan jika TrueType tidak didukung (meskipun hampir semua browser mendukungnya).
Kelebihan & Kekurangan
- Kompatibilitas universal di semua platform
- Didukung di mana saja — desktop, mobile, dan web
- Format standar untuk instalasi font OS
- Kualitas rendering baik dengan dukungan hinting
- Spesifikasi yang terdokumentasi dengan baik
- Tidak ada kompresi — lebih besar dari WOFF/WOFF2
- Tidak dioptimalkan untuk pengiriman web
- Dapat lambat diunduh pada koneksi mobile
Dukungan Browser
TTF memiliki dukungan browser 98%+, termasuk semua browser modern dan Internet Explorer 9+. Ini juga didukung secara native oleh setiap sistem operasi desktop utama — Windows, macOS, dan Linux — artinya Anda dapat menginstal file TTF langsung sebagai font sistem tanpa konversi apa pun.
Meskipun TTF berfungsi di mana-mana, untuk pengiriman web Anda sebaiknya lebih memilih WOFF2 (yang pada dasarnya adalah TTF yang dikompres). Simpan TTF mentah untuk penggunaan desktop, pengembangan, dan sebagai format dasar dalam build pipeline Anda.
Kapan Menggunakan TTF
- Aplikasi desktop — instal sebagai font sistem untuk digunakan dalam aplikasi native, alat desain, atau IDE.
- Electron dan aplikasi native — bundel TTF langsung dengan aplikasi Anda untuk rendering font offline.
- Pengembangan dan pengujian — TTF mudah diperiksa dengan alat font seperti FontForge, fontTools, atau penampil font sistem.
- Inspeksi font sistem — ketika Anda perlu memverifikasi glyph metrics, hinting, atau tabel cmap menggunakan utilitas tingkat OS.