TTF, OTF ve WOFF: Kurulum ve Web İçin Hangi Font Formatı?

TrueType dördünün en eskisidir. Apple onu 1991'de System 7 ile sundu, Microsoft ise ertesi yıl Windows 3.1 için benimsedi. TrueType yazı tipi her harfi, eğri parça başına tek kontrol noktası olan ikinci dereceden eğrilerle tanımlar; bu eğrilerin çizimi ilk donanımlarda ucuzdu. Ayrıca ipucu (hinting) taşır: yazı tipinin içindeki küçük programlar gövdeleri ve eğrileri piksel ızgarasına oturtur, böylece metin düşük çözünürlüklü ekranlarda net kalır. .ttf uzantısı hâlâ bu ikinci dereceden dış hatlara sahip yazı tiplerini belirtir.

Microsoft ve Adobe'nin 1996'da duyurduğu OpenType, yeni bir dış hat türü değil, bir kapsayıcıdır. TrueType dış hatlarını veya CFF tablosunda saklanan, segment başına iki kontrol noktalı üçüncü dereceden eğriler kullanan PostScript dış hatlarını taşıyabilir. Bu dış hatların çevresine gelişmiş tipografi için düzen tabloları ekler: standart ve isteğe bağlı ligatürler, küçük büyük harfler, eski tarz rakamlar, stil setleri, bağlamsal alternatifler ve kerning. Gelenek olarak CFF tabanlı OpenType yazı tipi .otf olarak kaydedilir; TrueType dış hatlı OpenType yazı tipi ise .ttf uzantısını korur.

WOFF ve WOFF2, web için üretilmiş kapsayıcılardır. WOFF 2009'da taslak olarak hazırlandı ve 2012'de W3C Tavsiyesi oldu; her yazı tipi tablosunu zlib ile sıkıştırır. WOFF2 2018'de W3C Tavsiyesi oldu, Brotli'ye geçti ve önce glif verisini ön işleme tabi tutar; bu da onu genellikle WOFF'tan yaklaşık %30 daha küçük yapar. Üç yan biçim tabloyu tamamlar. EOT, Internet Explorer'ın kendi web biçimiydi, SVG yazı tipleri yalnızca Safari'de çalışan erken bir geçici çözümdü, 2016'da OpenType 1.8 ile eklenen değişken yazı tipleri ise bütün bir kalınlık veya genişlik aralığını tek dosyada toplar.

TTF veya OTF yükleyin, hangisi olduğunu dert etmeyin. Windows 10 ve 11 ikisini de sağ tık ve Yükle ile kurar, macOS ikisini de Font Book'ta açar, Linux masaüstleri ise yazı tipi önbelleği yenilendiğinde ~/.local/share/fonts içinden alır. Word, Photoshop, Figma masaüstü uygulaması, Affinity ve LibreOffice ikisini de okur. Bir tasarımcı aynı ailenin iki sürümünü de gönderirse, OTF genellikle yazı tasarımcısının çizdiği sürümdür, TTF ise eski yazılımlar için yapılmış bir dönüşümdür.

Farkın önemli olduğu durumlar dardır. Bazı kesim makinesi ve nakış programları, oyun motorları ve mikrodenetleyici ekran kitaplıkları yalnızca TrueType dış hatlarını anlar; bu yüzden CFF tabanlı bir OTF orada bozuk görünür ve OTF'yi TTF'ye dönüştürme gerekir. Diğer yönde, masaüstünde hiçbir şey WOFF veya WOFF2'yi doğrudan yüklemez: bu dosyalar tarayıcılar için paketlenmiştir. Bir ailenin yalnızca tek sürümünü yükleyin; aynı iç ada sahip bir TTF ve bir OTF yazı tipi menülerini karıştırır ve uygulamalar yanlış olanı seçebilir.

Chrome, Edge, Firefox ve Safari'nin güncel tüm sürümleri WOFF2 okur; bu yüzden @font-face kuralınızda ilk ve çoğu zaman tek kaynak o olmalıdır. Ardına bir WOFF satırını yalnızca analitiğiniz hâlâ yaklaşık 2016 öncesi tarayıcıları, örneğin eski Android WebView'larını veya gömülü TV tarayıcılarını gösteriyorsa ekleyin. Tarayıcı src listesini sırayla gezer ve desteklediği ilk biçimi indirir; yani yedek, modern ziyaretçilere hiçbir şeye mal olmaz. Elinizde masaüstü TrueType dosyası varsa TTF'den WOFF'a dönüştürme bu yedeği tek seferde üretir.

E-posta oluşturucuları ve eski içerik sistemlerinde olduğu gibi bir platform sizi zorlamadıkça sitede ham TTF veya OTF sunmaktan kaçının. Tarayıcılar bunları sorunsuz işler, ancak sunucunuz yazı tiplerini gzip'lemedikçe dosyalar sıkıştırılmadan iner ve herkese kuruluma hazır bir masaüstü kopyası verirler. Aşağıdaki font-display: swap satırı tarayıcıya metni hemen yedek yazı tipiyle göstermesini, sizin yazı tipiniz gelince değiştirmesini söyler; böylece metin 3 saniyeye kadar gizli kalmaz.

Mümkünse dosyaları kendi alan adınızda barındırın. Chrome, Safari ve Firefox artık önbelleklerini siteye göre ayırıyor; bu yüzden ortak bir CDN'den alınan yazı tipi web siteleri arasında yeniden kullanılmaz ve kendi sunucunuzda barındırmak bir DNS sorgusundan ve bağlantıdan tasarruf sağlar. <link rel="preload"> yalnızca ekranın üst bölümünde kullanılan bir veya iki kalınlık için ekleyin; her stili önceden yüklemek görsellerinizle bant genişliği için yarışır.

WOFF2 olarak kaydedilmiş tek bir Latin metin kalınlığı genellikle 20–60 KB tutar. Aynı yazı tipi sıkıştırılmamış TTF olarak çoğu zaman iki üç kat büyüktür; Yunanca, Kiril ve Vietnamcayı da kapsayan bir aile stil başına 200 KB'ı geçebilir. Çince, Japonca ve Korece yazı tipleri bambaşka bir ölçektir: tam bir CJK kalınlığı on binlerce glif içerir ve WOFF2 sıkıştırmasından sonra bile genellikle birkaç megabayta ulaşır; bu, bir sayfa metnini gösterebilmeden önce yüklemek için fazlasıyla büyüktür.

Alt kümeleme, sayfanın hiç kullanmadığı karakterleri kaldırır; unicode-range ise tarayıcıya bir dosyanın hangi karakterleri kapsadığını söyler, böylece dosyayı yalnızca sayfa gerçekten bu karakterleri içerdiğinde indirir. Google Fonts CJK için tam olarak bunu kullanır ve her aileyi istek üzerine yüklenen birçok küçük dilime böler. Kendi yazı tipleriniz için yazı tipi dönüştürücüdeki Korunacak karakterler seçeneği, dosyayı sunucunuza ulaşmadan önce Latin + aksanlar veya Yalnızca yazdığım karakterler ile kırpar; bilgisayara yükleyeceğiniz her şey için Tüm karakterler seçeneğini koruyun.

TTF'den OTF'ye ve geri dönüşüm, TrueType yapılı yazı tipleri için bir kapsayıcı değişikliğidir: dış hat tablosu, metrikler ve düzen özellikleri olduğu gibi taşınır. İlginç durum, CFF tabanlı bir OTF'nin TTF'ye gitmesidir. Üçüncü dereceden eğriler ikinci dereceden bir dış hat biçimine kopyalanamaz; bu yüzden her eğri, pikselden çok daha küçük bir toleransla bir veya birkaç ikinci dereceden segment olarak yeniden çizilir. PostScript ipuçları da çevrilemez; OTF'den TTF'ye aracının İpucu (hinting) için Koru, Kaldır veya Otomatik ipucu seçeneklerini sunmasının nedeni budur.

Webden masaüstüne geri dönmek en yaygın dönüşümdür. Bir tema veya tasarım kiti indirirsiniz, yalnızca .woff veya .woff2 dosyaları bulursunuz ve yazı tipine Word'de ya da Figma'da ihtiyacınız vardır. WOFF'tan TTF'ye dönüştürme sıkıştırmayı kaldırır ve özgün tabloları geri yazar; glifler, kerning ve özellikler girdiği gibi çıkar. Geri getiremeyeceğiniz tek şey, web sürümünün zaten kaybettiği şeylerdir: alt kümeleme ile çıkarılan karakterler veya bayt kazanmak için silinen ipuçları gibi.

Dönüştürme sorunlarının çoğu üç şeye dayanır: ipucu, düzen özellikleri ve değişken eksenler. Aşağıdaki liste, dönüştürmeden sonra fark etmeniz olası belirtileri ve her birinin olağan nedenini kapsar.

Bir yazı tipi dosyası küçük bir veritabanıdır ve üç bölümü soruların çoğunu yanıtlar. name tablosu aile adını, stil adını, sürümü, telif satırını ve çoğu zaman bir lisans URL'sini tutar; macOS Font Book bunu bilgi görünümünde, Windows yazı tipi önizlemesi ise ilk satırlarda gösterir. Glif kapsamı yazı tipinin hangi dilleri dizebileceğini söyler: yalnızca Latin içeren bir yazı tipi, eksik olduğu Lehçe, Türkçe veya Vietnamca karakterler için sessizce başka bir yazı tipine döner. Değişken yazı tipinde fvar tablosu, 100'den 900'e kalınlık veya 75'ten 125'e genişlik gibi eksenlerini listeler.

Bir şey internete çıkmadan önce lisansa bir göz atmaya değer. Ticari yazı tipi üreticileri çoğu zaman ayrı masaüstü, web ve uygulama lisansları satar; masaüstü lisansı genellikle belirli sayıda bilgisayara kurulumu kapsar, ancak dosyayı web sitesi ziyaretçilerine sunmayı veya mobil uygulamaya gömmeyi kapsamaz. Bir yazı tipini dönüştürmek dosya biçimini değiştirir, lisansını asla; masaüstü TTF'den üretilen bir WOFF2, TTF ile aynı şartları taşır. Google Fonts'un çoğunu kapsayan SIL Open Font License altındaki yazı tipleri dönüştürülebilir, alt kümelenebilir ve kendi sunucunuzda barındırılabilir.

Yazı tipi sorularının çoğu, dosyanın nerede duracağına indirgenir. Bilgisayara yüklenecekse veya bir uygulamaya paketlenecekse TrueType ya da OpenType kullanın; bir tarayıcı indirecekse sıkıştırılmış web kapsayıcılarını kullanın. Tablo yaygın işleri, seçilecek biçimle ve oraya götüren dönüşümle eşleştirir; böylece tarihçeyi atlayıp doğrudan ihtiyacınız olan dosyaya geçebilirsiniz.

İki iş kategoriler arasında kalır. EPUB 3 TTF, OTF ve WOFF'u kabul eder; yani e-kitaplar iki biçim ailesinden birini de kullanabilir. SVG yazı tipi dosyaları ise vektör grafikleriyle aynı soydandır, ancak bugün tarayıcılardan çok bazı çizici ve gravür yazılımları için önemlidir.