TTF'yi WOFF2'ye Dönüştürme

Bir fontu kendi sunucunuzda barındırmak burada başlar: WOFF2, tüm güncel tarayıcıların ilk tercih ederek indirdiği formattır ve elinizdeki TrueType verisi için en küçük paketleme biçimidir. Bu sayfa, fontu yükleyen CSS kuralını da sizin için yazar.

veya TTF, OTF, WOFF … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dönüştürülecek biçim

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

1
TTF dosyalarını yükleyin
Kullanmayı planladığınız tüm kalınlık ve stilleri ekleyin; en fazla 20 dosya, her biri en fazla 95 MB olabilir. Değişken TTF dosyaları da çalışır ve eksenlerini korur.
2
CSS'i açık bırakın, mümkünse alt küme oluşturun
@font-face CSS dahil et seçeneği zaten işaretli. Gelişmiş ayarlar altında, siteniz bir Batı dilindeyse Korunacak karakterler seçeneğini Temel Latin veya Latin + aksanlı harfler olarak ayarlayın ve İpucu (hinting) seçeneğini Kaldır yapmayı düşünün.
3
WOFF2'ye dönüştürün
WOFF2 biçimine Dönüştür → düğmesine basın ve yazı tiplerini .css dosyasıyla birlikte indirin. İkisini de sitenize yükleyin; stil sayfasını bağlayın ya da kuralı kendi CSS dosyanıza yapıştırın.

Yanıt

Web sitem için TTF'yi WOFF2'ye nasıl dönüştürürüm?

.ttf dosyasını yükleyin, @font-face CSS dahil et seçeneğini işaretli bırakın ve WOFF2 biçimine Dönüştür → düğmesine basın. .woff2 dosyasını ve ona işaret eden bir @font-face kuralı içeren .css dosyasını alırsınız.

Web fontu olarak neden WOFF2 kullanılmalı

TTF, sıkıştırılmamış tablo verisidir: dış çizgiler, ölçüler, kerning, adlar. 2018'de W3C Önerisi olarak yayımlanan WOFF2 tam olarak bu tabloları korur, ancak önce glif dış çizgilerini daha iyi sıkışacak şekilde yeniden düzenler, ardından Google'ın 2015'te yayımladığı sıkıştırma algoritması Brotli'den geçirir. Google'ın kendi testlerinde WOFF2, eski WOFF biçiminden ortalama yaklaşık %30 daha küçük çıktı; tarayıcı indirmeden sonra özgün yazı tipi verisini geri yükler, dolayısıyla harf şekilleri hiç değişmez.

Yazı tipleri sayfa görüntülemeyi engeller, bu yüzden boyutları kilobaytların gösterdiğinden daha önemlidir. Web yazı tipi gelene kadar tarayıcı metni ya gizler ya da yedek yazı tipiyle gösterir; geç değişim de yerleşimi kaydırabilir. Küçük dosyalar bu süreyi kısaltır, buradaki iki seçenek ise daha da kısaltır: Korunacak karakterler sayfalarınızın hiç göstermediği glifleri çıkarır, İpucu (hinting) seçeneğini Kaldır yapmak ise telefonların ve yüksek yoğunluklu ekranların zaten yok saydığı talimatları siler. TTF ana dosyalarını masaüstü kullanım için saklayın; WOFF2'den TTF'ye dönüştürme web yazı tipini sonradan açabilir, ancak alt kümenin çıkardığı glifleri geri getiremez.

TTF ve WOFF2 dosya boyutu karşılaştırması

TTF, tam karakter kümesi

100%

Masaüstünde kurulduğu haliyle sıkıştırılmamış yazı tipi tabloları

Çok alfabeli bir metin yazı tipi için tipik değer

WOFF2, Temel Latin alt kümesi

çoğunlukla %10–25

Brotli sıkıştırması ve daha az glif; yazı tipine göre değişir

WOFF2 fontu için @font-face kuralı

Örnek kural; adları değiştirin, alt küme oluşturmadıysanız unicode-range satırını silin

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

Sürüm sürüm WOFF2 tarayıcı desteği

2014
Chrome 36
Google'ın tarayıcısı, WOFF2'yi varsayılan olarak çözen ilk tarayıcı olur.
2015
Firefox 39
Mozilla, WOFF2 çözmeyi varsayılan olarak etkinleştirir.
2016
Edge 14
Microsoft'un ilk Edge sürümü, Windows 10 Yıldönümü Güncelleştirmesi ile WOFF2 desteği ekler.
2018
W3C Önerisi
Belirtim kesinleşir; o zamana kadar macOS ve iOS'taki Safari de WOFF2'yi çözer.

TTF

TrueType yazı tipi

TTF, Apple'ın 1980'lerin sonunda geliştirdiği, 1991'de yayımladığı ve sonra Microsoft'a lisansladığı TrueType yazı tipi biçimidir. Karakter dış hatlarını ikinci dereceden eğrilerle tanımlar ve metnin ekranda net görünmesini sağlayan hinting yönergeleri içerir. TrueType her masaüstü işletim sistemi, kelime işlemci ve tasarım uygulamasında desteklenir. OpenType'ın bazı gelişmiş tipografik özelliklerinden yoksundur ve web yazı tipi biçimlerinden daha büyüktür.

Sıkıştırma: Kayıpsız
Saydamlık: –
Animasyon: –
Çıkış yılı: 1991 · Apple

TTF dönüştürücü

WOFF2

Web Open Font Format 2

WOFF2, Web Open Font Format'ın ikinci sürümüdür; Google'ın Brotli sıkıştırmasına dayanır ve 2018'de W3C Önerisi olarak yayımlandı. Dosyalar WOFF'tan yaklaşık %30 küçüktür, bu da sayfaların daha hızlı yüklenmesine yardımcı olur. Her modern tarayıcı WOFF2'yi destekler ve web yazı tipleri için önerilen biçimdir. Masaüstü işletim sistemleri ve tasarım uygulamaları bunu doğrudan yükleyemez.

Sıkıştırma: Kayıpsız
Saydamlık: –
Animasyon: –
Çıkış yılı: 2018 · W3C (Google)

WOFF2 dönüştürücü

TTF'den WOFF2'ye dönüştürme, masaüstü yazı tipini tarayıcıların tercih ettiği Brotli sıkıştırmalı kapsayıcıya koyar; aynı glifler ziyaretçilere daha az baytla ulaşır. Ters yöndeki sayfa, web'de bulduğu bir yazı tipini yüklemesi gerekenler içindir.

TTF'yi WOFF2'ye dönüştürme hakkında SSS

WOFF2'nin yanında hâlâ TTF veya WOFF yedeğine ihtiyacım var mı?

Bugün herkese açık web siteleri için genellikle gerekmez. Chrome, Edge, Firefox ve Safari yıllardır WOFF2 okuyor; okumayan birkaç tarayıcı, örneğin Internet Explorer 11, ek bir dosyaya nadiren değer. Analitik verileriniz böyle ziyaretçiler gösteriyorsa TTF'den WOFF'a çıktısını ikinci bir src girdisi olarak ekleyin.

WOFF2 fontum neden hâlâ 100 KB'nin üzerinde?

Sıkıştırma, glif sayısını değil yalnızca glifların nasıl saklandığını küçültür. Latin, Kiril, Yunan ve Vietnam alfabelerini kapsayan bir yazı tipi hepsini içerir. Metin yazı tipini onlarca kilobayta indiren şey, yalnızca gerçekten kullandığınız alfabelere göre alt küme oluşturmaktır.

font-display: swap ne işe yarar?

Tarayıcıya metni hemen yedek bir yazı tipiyle göstermesini, web yazı tipi gelince onunla değiştirmesini söyler; böylece yazı tipi inerken metin gizlenmez. Yukarıdaki örnekteki gibi @font-face kuralınıza ekleyin; yavaş bağlantılarda geç değişimi atlamak isterseniz optional kullanın.

Google Fonts TTF dosyasını WOFF2'ye dönüştürüp kendim barındırabilir miyim?

Evet. Google Fonts aileleri SIL Open Font License veya Apache License ile yayımlanır; ikisi de dönüştürmeye ve kendi sunucunuzda barındırmaya izin verir. Dosyayı kendiniz barındırmak üçüncü taraf sunucuya yapılan isteği de ortadan kaldırır.

WOFF2 e-posta bültenlerinde çalışır mı?

Yalnızca bazı istemcilerde. Apple Mail ve iOS Mail web yazı tiplerini @font-face ile yükler; Gmail ve çoğu Outlook sürümü ise bunları yok sayıp yedek yazı tipinizi gösterir. E-postaların yazı tipi listesine her zaman güvenli bir sistem yazı tipi ekleyin.

TTF'yi WOFF2'ye Dönüştürme

Yazı Tipi Dönüştürücü

Bu aracı nasıl kullanırsınız

TTF dosyalarını yükleyin

CSS'i açık bırakın, mümkünse alt küme oluşturun

WOFF2'ye dönüştürün