TTF

TrueType Font — Apple ve Microsoft tarafından geliştirilen endüstri standardı ikili font formatı.

.ttf TrueType Font Formatı
Türİkili kontur
SıkıştırmaYok
Dosya BoyutuOrta (sıkıştırılmamış)
Destek98%+ tarayıcı
En İyi KullanımMasaüstü uygulamaları, geliştirme
BobcornTemel ara format

TTF Nedir?

TrueType, Adobe'nin PostScript Type 1 fontlarına alternatif olarak 1980'lerin sonunda Apple tarafından geliştirildi ve daha sonra Microsoft tarafından Windows için benimsendi. Gliph konturlarını, PostScript tarafından kullanılan kübik eğrilerden hesaplama açısından daha basit (ve daha hızlı rasterleştirilebilen) ikinci dereceden Bezier eğrileri olarak saklar.

TTF, hem macOS hem de Windows için evrensel font formatı haline geldi. Yirmi yılı aşkın bir süre boyunca sistem fontlarından özel yazı tiplerine kadar fontları dağıtmanın standart yolu oldu. WOFF/WOFF2 büyük ölçüde web dağıtımı için TTF'nin yerini almış olsa da, TTF tüm modern web font formatlarının üzerine inşa edildiği temel olmayı sürdürür.

Nasıl Çalışır

Bir TTF dosyası, her biri belirli bir tür veri depolayan tablolar halinde düzenlenmiş ikili bir kapsayıcıdır:

  • glyf — gliph konturları (gerçek vektör şekilleri)
  • cmap — karakter-gliph eşleştirmesi (hangi Unicode kod noktasının hangi gliph ile eşleştiği)
  • head — font meta verileri (em başına birim, oluşturma tarihi, bayraklar)
  • hmtx — yatay ölçüler (her gliph için ilerleme genişliği ve sol kenar boşluğu)

İkon fontları için her ikona, standart metinle çakışmayacak şekilde uygulama tanımlı karakterler için özel olarak ayrılmış bir aralık olan Özel Kullanım Alanı'nda (U+E000 ile U+F8FF arası) bir Unicode kod noktası atanır.

CSS'te TTF ikon fontu kullanımı
@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';
}

format('truetype') ipucu, tarayıcıya ne tür bir font dosyası beklediğini söyler; böylece TrueType desteklenmiyorsa indirmeyi atlayabilir (ancak neredeyse tüm tarayıcılar bunu destekler).

Artılar ve Eksiler

    Artılar
  • Tüm platformlarda evrensel uyumluluk
  • Her yerde desteklenir — masaüstü, mobil ve web
  • İşletim sistemi font yüklemesi için standart format
  • Hinting desteğiyle iyi oluşturma kalitesi
  • İyi belgelenmiş spesifikasyon
    Eksiler
  • Sıkıştırma yok — WOFF/WOFF2'den daha büyük
  • Web dağıtımı için optimize edilmemiş
  • Mobil bağlantılarda yavaş indirilebilir

Tarayıcı Desteği

TTF, tüm modern tarayıcılar ve Internet Explorer 9+ dahil olmak üzere %98+ tarayıcı desteğine sahiptir. Ayrıca her büyük masaüstü işletim sistemi tarafından — Windows, macOS ve Linux — yerel olarak desteklenir; yani herhangi bir dönüştürme yapmadan TTF dosyasını doğrudan sistem fontu olarak yükleyebilirsiniz.

TTF her yerde çalışsa da, web dağıtımı için WOFF2'yi (yani basitçe sıkıştırılmış bir TTF'yi) tercih etmelisiniz. Ham TTF'yi masaüstü kullanımı, geliştirme ve derleme hattınızdaki temel format için saklayın.

TTF Ne Zaman Kullanılır

  • Masaüstü uygulamaları — yerel uygulamalarda, tasarım araçlarında veya IDE'lerde kullanmak üzere sistem fontu olarak yükleyin.
  • Electron ve yerel uygulamalar — çevrimdışı font oluşturma için TTF'yi doğrudan uygulamanızla paketleyin.
  • Geliştirme ve test — TTF, FontForge, fontTools veya sistem font görüntüleyicileri gibi font araçlarıyla kolayca incelenir.
  • Sistem fontu incelemesi — işletim sistemi düzeyindeki yardımcı programları kullanarak gliph ölçümlerini, hinting'i veya cmap tablolarını doğrulamanız gerektiğinde.
Bobcorn
Bobcorn'da TTF, oluşturma hattındaki merkezi pivot formattır. SVG ikonlarınız önce bir SVG fontunda bir araya getirilir, ardından TTF'ye dönüştürülür ve oradan WOFF, WOFF2 ve EOT'a aktarılır. TTF her zaman hattın bir parçası olarak oluşturulur — diğer tüm çıktıların bağlı olduğu formattır. Masaüstü uygulaması geliştirirken veya ikon fontunu işletim sisteminize yüklemeniz gerektiğinde TTF dışa aktarmayı etkinleştirin.