Fontları Sıkıştırarak Dosya Boyutunu Azaltın

Yazı tipi dosyalarını neden sıkıştırmam gerekiyor?

Yazı tipi sıkıştırma, web performansı ve depolama sorunlarını çözer. Web siteniz toplam 2MB olan özel yazı tipleri kullanıyor, bu da sayfa yüklemelerini yavaşlatıyor. Yazı tipi kütüphaneniz 5GB depolama alanı kaplayan 500 yazı tipi içeriyor. Mobil uygulamanız, gömülü yazı tipleri nedeniyle boyut sınırlarını aşıyor. Belki de e-posta için çok büyük olan bir yazı tipi paketi dağıtıyorsunuz ya da daha iyi Core Web Vitals puanları ve daha hızlı işleme için web yazı tiplerini optimize etmeniz gerekiyor.

Farklı senaryolar farklı sıkıştırma seviyeleri gerektirir. Web yazı tipleri, her KB'nin sayfa yükleme süresini etkilediği için agresif sıkıştırmadan (kullanılan karakterlere alt kümeleme, ipucu kaldırma) faydalanır. Masaüstü yazı tipi kütüphaneleri, tüm glifleri korurken depolama alanı tasarrufu sağlamak için orta sıkıştırma kullanabilir. İkon yazı tipleri, yalnızca belirli gliflere ihtiyacınız olduğu için ağır alt kümeleme için mükemmeldir. Yazı tiplerini sıkıştırmak, web sitesi performansını artırmanıza, barındırma bant genişliği maliyetlerini azaltmanıza, platform yükleme sınırlarını karşılamanıza ve büyük yazı tipi koleksiyonlarında depolama alanı tasarrufu yapmanıza olanak tanır.

Yazı tipi sıkıştırma nasıl çalışır?

Sıkıştırıcımız basit, güvenli bir süreç kullanır:

Yazı Tipinizi Yükleyin

Yazı tipi dosyanızı sürükleyip bırakın veya göz atmak için tıklayın. Dosyanız, yükleme sırasında SSL kullanılarak şifrelenir. Dosya boyutu sınırı yoktur.

Sıkıştırma Ayarlarını Seçin

Kalite ön ayarını seçin (Hızlı, Normal, Maksimum, Ultra) veya alt kümeleme, ipucu kaldırma ve tablo optimizasyon ayarlarını özelleştirin. Arayüzümüz, tahmini dosya boyutu azaltımını gösterir.

Sunucu İşleme

Yazı tipiniz, profesyonel araçlar kullanılarak sunucularımızda sıkıştırılır. Glif kalitesini korurken dosya boyutunu azaltan hızlı, verimli sıkıştırma.

İndir & Temizle

Sıkıştırılmış yazı tipinizi indirin. Gizliliğiniz için sunucularımızdan tüm dosyaları 1 saat içinde otomatik olarak siliyoruz. Hiçbir dosya kalıcı olarak saklanmaz.

Tüm süreç genellikle birkaç saniye sürer. Orijinal yazı tipiniz asla değiştirilmez.

Hangi sıkıştırma ayarlarını kullanmalıyım?

İhtiyaçlarınıza göre sıkıştırma ayarlarını seçin:

Hızlı (Düşük Kalite)

Dosya boyutunun kritik olduğu durumlarda hızlı sıkıştırma için en iyisi. Unicode alt kümelemeyi etkinleştirir ve ipucu kaldırır. Sınırlı karakter kullanımı, bant genişliği sınırlı dağıtımlar veya depolama alanının son derece dar olduğu durumlar için idealdir.

Normal (Orta Kalite)

İyi kalite ile dengeli sıkıştırma. Alt kümelemeyi devre dışı bırakır ve ipucunu korur, ancak yazı tipi tablolarını optimize eder. Genel kullanım, kütüphane optimizasyonu ve standart web yazı tipi dağıtımı için en iyisi. Çoğu kullanıcı buradan başlamalı.

Maksimum (Yüksek Kalite)

Orta sıkıştırma ile yüksek kalite. Tüm glifleri ve ipucunu korur, yalnızca tabloları optimize eder. Masaüstü yazı tipleri, profesyonel tipografi veya glif kalitesi ve ipucunun kritik olduğu yazı tipleri için idealdir.

Ultra (Maksimum Kalite)

Kalite kaybı yok, minimum sıkıştırma. Optimize edilmemiş tablolar dahil her şeyi korur. Neredeyse orijinal kaliteye ihtiyaç duyduğunuzda ancak dosya boyutunu biraz azaltmak istediğinizde mükemmel. Arşivleme, ana kopyalar veya profesyonel tasarım çalışmaları için en iyisi.

Özel Ayarlar

Sıkıştırmayı ince ayar yapmak için Gelişmiş Seçenekleri kullanın. Kullanılmayan karakterleri kaldırarak Unicode alt kümelemeyi kontrol edin, ipucu kaldırmayı açıp kapatın (ekran işleme etkiler), tablo optimizasyonunu ayarlayın (dosya yapısını etkiler). Platform yükleme sınırları veya karakter seti ihtiyaçları gibi belirli gereksinimler için mükemmel.

Hala emin değil misiniz?

Çoğu web yazı tipi için Normal ile başlayın. Sınırlı karakterlere sahip web yazı tipleri için Hızlı kullanın (yalnızca Latin). Kalitenin kritik olduğu masaüstü yazı tipleri için Maksimum kullanın. Profesyonel tasarım çalışmaları veya neredeyse orijinal kalite gerektiğinde Ultra kullanın.

Kullanım durumu için hızlı kılavuz

Web fontları (sadece İngilizce): Alt küme ile hızlı. Web fontları (çok dilli): Normal. Masaüstü fontları: Maksimum. Tasarım/arşiv: Ultra. İkon fontları: Ağır alt küme ile hızlı.

Unutmayın: İlk sonuç ideal değilse, farklı ayarlarla yeniden sıkıştırabilirsiniz. Kalitenin ihtiyaçlarınızı karşıladığından emin olmak için sıkıştırılmış fontu hedef ortamınızda test edin.

Font alt kümesi nedir?

Font dönüştürme kalitesi, kaynak ve hedef formatlara bağlıdır: Kayıpsız dönüşümler - TTF ↔ OTF (her ikisi de benzer yapı kullanır), WOFF ↔ TTF/OTF (WOFF, sıkıştırılmış TTF/OTF'dir), PFB ↔ PFA (aynı veri, farklı kodlama). Neredeyse kayıpsız - TTF/OTF → WOFF2 (mükemmel sıkıştırma, minimal veri değişikliği). Bazı veri kaybı - SVG fontlar (sınırlı özellik desteği), Eski format dönüşümleri (eski formatlar daha az özellik içerir).

Korunanlar: Tüm glif konturları (gerçek şekiller), Unicode karakter eşlemeleri, Temel font metrikleri (genişlik, yükseklik, yükseliş, alçalış), Kerning çiftleri (harf aralığı), Aile ve stil bilgileri. Değişebilecekler: Gelişmiş OpenType özellikleri (daha basit formatlarda), Hintleme bilgisi (ekran görüntüleme için optimizasyon), Meta veriler (bazı formatlar daha az meta veri destekler).

Dönüştürme önerileri: Maksimum kalite koruması için modern formatlar arasında dönüştürün (TTF, OTF, WOFF, WOFF2). Web fontlarına dönüştürürken, kalite kaybı minimumdur - fontlar tarayıcılarda aynı şekilde görüntülenecektir. Eski formatlardan dönüştürürken, bazı gelişmiş özellikler aktarılmayabilir. Üretim projelerinde kullanmadan önce her zaman dönüştürülmüş fontları test edin.

Dönüştürülmüş fontları web sitemde nasıl kullanabilirim?

Web sitelerinde dönüştürülmüş fontları kullanmak için şunlara ihtiyacınız var: (1) Fontunuzu web formatlarına (uyumluluk için WOFF2 ve WOFF) dönüştürün, (2) Fontları sunucunuza yükleyin, (3) @font-face CSS kuralını ekleyin, (4) Fontu öğelere uygulayın. Örnek CSS: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; }

Web fontları için en iyi uygulamalar: Öncelikle WOFF2 kullanın (daha iyi sıkıştırma, daha hızlı yükleme), Eski tarayıcılar için WOFF yedeği ekleyin, Fontları yalnızca gerekli karakterleri içerecek şekilde alt kümeleyin (dosya boyutunu azaltır), Daha iyi algılanan performans için font-display: swap kullanın, Kritik fontları önceden yükleyin (), Fontları aynı alan adında barındırın veya CDN kullanın, Sunucu teslimatı sırasında font dosyalarını sıkıştırın.

Performans ipuçları: Modern web fontları küçüktür (Batı fontları için 20-50KB). WOFF2, WOFF'tan %30 daha iyi sıkıştırma sağlar. Alt küme fontlar, tek dilli siteler için boyutu %80+ oranında azaltabilir. Özel fontlar yüklenirken sistem font yedeklerini kullanın. Birden fazla ağırlık/stil için değişken fontları düşünün. Yavaş bağlantılarda font yüklemesini test edin. Core Web Vitals etkisini izleyin.

Google Fonts veya diğer ticari fontları dönüştürebilir miyim?

Font dönüştürme için yasal hususlar: Açık Kaynak Fontlar - Google Fonts, Adobe Fonts (bazıları), Font Squirrel (ücretsiz fontlar) gibi fontlar, lisans izin veriyorsa serbestçe dönüştürülebilir. Bireysel font lisanslarını kontrol edin. Ticari Fontlar - Dönüştürme haklarıyla satın aldığınız fontlar, kullanımınız için dönüştürülebilir. Lisans anlaşmanızı kontrol edin. Yeniden dağıtım yasaklanmış olabilir. Ücretsiz Fontlar - 'Kişisel kullanım için ücretsiz' fontlar, dönüşüm veya ticari kullanım izni vermeyebilir. Her zaman lisansı okuyun.

Google Fonts özelinde: Google Fonts açık kaynaktır (SIL Open Font License veya Apache License). Kendi kullanımınız için Google Fonts'u DÖNÜŞTÜREBİLİRSİNİZ. Dönüştürülmüş Google Fonts'u web sitelerinde KULLANABİLİRSİNİZ. Onları DEĞİŞTİREBİLİR ve DÖNÜŞTÜREBİLİRSİNİZ. Dönüştürülmüş Google Fonts'u SATAMAZSINIZ. Önce fonts.google.com'dan indirin, sonra dönüştürün. Lisans gerekliliklerine uygun olarak doğru atıf yapın.

Güvenli uygulamalar: Sadece kullanma ve dönüştürme haklarına sahip olduğunuz fontları dönüştürün. Dönüştürülmüş fontlarla lisansları saklayın. Dönüştürülmüş ticari fontları yeniden dağıtmayın. Müşteri projeleri için uygun lisanslara sahip olduklarından emin olun. Şüphe durumunda, açık kaynak fontları (Google Fonts, Font Squirrel ücretsiz fontlar) kullanın. Ticari projeler için web font lisansları satın almayı düşünün. Font yaratıcılarının haklarına ve lisans şartlarına saygı gösterin.

TTF ve OTF fontları arasındaki fark nedir?

TTF (TrueType Font) ve OTF (OpenType Font): TTF, 1980'lerde Apple ve Microsoft tarafından geliştirilmiştir. Glif konturları için ikinci dereceden Bézier eğrileri kullanır. Tüm platformlarda çalışır. Basit fontlar ve ekran görüntüleri için iyidir. Tüm yazılımlarda geniş destek bulur. Dosya boyutları genellikle OTF'den daha büyüktür. Küçük boyutlarda ekran render'ı için daha iyi ipuçları sunar.

OTF, Adobe ve Microsoft tarafından geliştirilen TTF'nin bir uzantısıdır. Kübik Bézier eğrileri (PostScript eğrileri) kullanır. Daha gelişmiş tipografi özelliklerini destekler (ligatürler, alternatifler, bağlamsal değişiklikler). Karmaşık yazılar ve profesyonel tipografi için daha iyidir. Daha fazla glif destekler (65,000+ vs 65,000 sınırı). Baskı ve profesyonel tasarım çalışmaları için daha iyidir. Profesyonel fontlar için modern standarttır.

Her birini ne zaman kullanmalıyım: TTF'yi - Basit web fontları, Maksimum uyumluluk, Eski sistem desteği, Ekran görüntüleme için optimize edilmiş fontlar için kullanın. OTF'yi - Profesyonel tasarım çalışmaları, Gelişmiş özelliklere sahip fontlar, Baskı üretimi, Karmaşık yazılar (Arapça, Devanagari), Tipografi ağırlıklı projeler için kullanın. Modern sistemler her ikisini de eşit derecede iyi destekler. Web kullanımı için format daha az önemlidir (her ikisi de WOFF/WOFF2'ye dönüştürülür). Gerekli font özelliklerine göre seçim yapın.

Dönüştürülmüş fontların tüm tarayıcılarda çalışmasını nasıl garanti ederim?

Tarayıcı font formatı desteği: WOFF2 - Chrome 36+, Firefox 39+, Safari 12+, Edge 14+ tarafından desteklenir (küresel destek %95). WOFF - IE 9+, tüm modern tarayıcılar tarafından desteklenir (küresel destek %99). TTF/OTF - Tüm tarayıcılar tarafından desteklenir ancak daha büyük dosyalardır. EOT - Sadece IE 6-11 (eski). SVG - Kullanımdan kaldırılmıştır, yeni projeler için kaçınılmalıdır. Strateji: Tam kapsam için WOFF2 + WOFF sağlayın.

Tarayıcılar arası CSS örneği: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), /* Modern tarayıcılar */ url('myfont.woff') format('woff'); /* Yedek */ font-weight: normal; font-style: normal; font-display: swap; /* Daha iyi yükleme deneyimi */ } Bu, %99.9 tarayıcıyı kapsar. IE 8'i desteklemediğiniz sürece EOT'yi atlayın.

Test önerileri: Chrome, Firefox, Safari, Edge'de test edin (kullanıcıların %95'inden fazlasını kapsar). Windows ve Mac'te font render'ını kontrol edin (farklı render motorları). Mobil cihazlarda test edin (iOS Safari, Chrome Android). Kapsamlı testler için BrowserStack gibi araçları kullanın. Yedek fontların düzgün yüklendiğini doğrulayın. Font-display davranışını kontrol edin. Yükleme performansını izleyin. FOUT (Stil Olmayan Metin Parlaması) veya FOIT (Görünmez Metin Parlaması) olmadığından emin olun.

Değişken fontları dönüştürebilir miyim?

Değişken fontlar, değişken eksenlere (ağırlık, genişlik, eğim, optik boyut) sahip OpenType fontlardır. Tek bir dosyada birden fazla stil içerirler. Değişken fontları dönüştürmek: TTF/OTF değişkeninden WOFF2 değişkenine - Tamamen desteklenir, tüm eksenleri korur. Değişken formatlar arasında - Evet, tüm değişken özellikler korunur. Statik fontlara - Mümkün ama değişken işlevselliği kaybolur (tek ağırlık/stil oluşturur). Statik fontlardan değişken fonta - Mümkün değildir (orijinal tasarım kaynakları gerektirir).

Değişken fontların avantajları: Tek dosya birden fazla ağırlık/stil içerir (toplam dosya boyutu dramatik şekilde daha küçüktür), Ağırlıklar arasında pürüzsüz interpolasyon, Özel ağırlık değerleri (önceden tanımlı ağırlıklarla sınırlı değildir), Daha iyi web performansı (bir istek vs. birden fazla), Duyarlı tipografi olanakları, Daha küçük bant genişliği kullanımı. Örnek: Roboto değişken fontu (84KB) vs Roboto normal + kalın + italik + kalın italik (150KB+).

Değişken fontları kullanma: En iyi sıkıştırma ve tarayıcı desteği için WOFF2'ye dönüştürün. CSS kullanın: font-variation-settings: 'wght' 450; özel ağırlıklar için. Tarayıcı desteğini test edin (2018'den beri tüm modern tarayıcılar tarafından destekleniyor). Eski tarayıcılar için değişken olmayan bir yedek sağlayın. Değişken fontları düşünün: Büyük font aileleri, Duyarlı tasarımlar, Performans açısından kritik siteler, Modern web projeleri. Google Fonts birçok değişken fontu ücretsiz sunar.

Web fontları için en iyi uygulamalar nelerdir?

Format ve optimizasyon: WOFF2'yi birincil format olarak kullanın (WOFF'tan %30-50 daha küçüktür). Eski tarayıcılar için WOFF yedeği ekleyin. Kullanılmayan glifleri kaldırmak için fontları alt kümeleyin (Batı metni için %50-80 boyut azaltma). Kullanılmayan dil karakter setlerini kaldırın. Daha iyi algılanan performans için font-display: swap kullanın. Kritik fontları önceden yükleyin: .

Yükleme stratejisi: Fontları sayfa renderını engellememek için asenkron olarak yükleyin. İlk render için sistem font yığını kullanın. Font-display: swap veya isteğe bağlı uygulayın. Font aileleri sayısını sınırlayın (maksimum 1-2). Ağırlık sayısını sınırlayın (sadece gerekli ağırlıklar). Daha iyi kontrol ve performans için fontları kendiniz barındırın. Dosya sayısını azaltmak için değişken fontları düşünün. Fontları agresif bir şekilde önbelleğe alın (1 yıl+).

Performans metrikleri: Toplam font ağırlığı için <100KB hedefleyin. Kritik fontlar <1 saniyede yüklenmelidir. Font değiştirme nedeniyle Cumulative Layout Shift (CLS) izleyin. Boyut metrikleriyle eşleşen yedek fontlar kullanın. 3G bağlantılarda test edin. Font yükleme sırasını optimize edin (öncelikle kritik fontlar). Gövde metni için sistem fontlarını, başlıklar için özel fontları kullanmayı düşünün. Core Web Vitals üzerindeki etkiyi ölçün. İyi bir font stratejisi, hem performansı hem de kullanıcı deneyimini iyileştirir.

Birden fazla fontu toplu olarak nasıl dönüştürebilirim?

Font dönüştürücümüz toplu dönüşümü destekler: Birden fazla font dosyasını aynı anda yükleyin, Çıktı formatını seçin (tüm dosyalar için geçerlidir), Dönüştür'e tıklayın, Tüm dönüştürülmüş fontları içeren bir ZIP arşivi olarak indirin. Bu, aşağıdaki durumlarda zaman kazandırır: Tüm font ailelerini dönüştürme, Web kullanımı için birden fazla font hazırlama, Müşteri fontlarını toplu işleme, Eski font koleksiyonlarını dönüştürme, Yeni tasarım projeleri kurma.

Toplu dönüşümün avantajları: Tüm font ailelerini tek bir işlemde işleyin, Tüm fontlar arasında tutarlı çıktı formatı, Bireysel dönüşümlerden daha hızlı, Kolay indirme için otomatik ZIP paketleme, Orijinal dosya adlarını korur, Profesyonel iş akışları için mükemmel. Örnek: Bir font ailesini yükleyin (Normal, Kalın, İtalik, Kalın İtalik), hepsini bir anda WOFF2'ye dönüştürün, tüm dönüştürülmüş dosyaları içeren tek bir ZIP indirin.

Toplu iş akışı ipuçları: Yüklemeden önce fontları düzenleyin (dosya adlarını net koyun), İlgili fontları bir arada tutun (aile üyeleri), Tutarlılık için aynı hedef formata dönüştürün, Web font hazırlığı için toplu dönüşümü kullanın, ZIP'i indirin ve proje klasörüne çıkarın, Tüm dönüştürülmüş fontları birlikte test edin, Orijinalleri yedek olarak saklayın. Çok büyük toplu işlemler (50+ font) için, stabiliteyi sağlamak için gruplar halinde dönüştürmeyi düşünün.

Dönüşüm sonrası font lisanslamasına ne olur?

Font lisanslaması ve dönüşüm: Orijinal lisans, DÖNÜŞTÜRÜLMÜŞ fontlar için HER ZAMAN geçerlidir. Formatı dönüştürmek, lisans şartlarını DEĞİŞTİRMEZ. Eğer font lisansı dönüşümü yasaklıyorsa, dönüştürmeyin. Eğer lisans web kullanımını yasaklıyorsa, web sitelerinde kullanmayın (web formatında bile). Eğer lisans sadece kişisel kullanım içinse, dönüştürülmüş fontlar kişisel kullanımda kalır. Her zaman orijinal font lisans şartlarına uyun.

Yaygın lisans türleri: SIL Open Font License (OFL) - Dönüştürme, kullanma, değiştirme, yeniden dağıtma (atıf ile) izni verir. Apache Lisansı - OFL'ye benzer, ticari kullanıma izin verir. Kişisel kullanım için ücretsiz - Genellikle yalnızca kişisel projeler için dönüştürmeye izin verir. Ticari lisans - Şartları kontrol edin; genellikle satın alınan kullanım durumları için dönüştürmeye izin verir. Masaüstü lisansı - Web kullanım haklarını içermeyebilir (ayrı bir web lisansı gerektirir).

Güvenli uygulamalar: Dönüştürmeden önce lisansı okuyun, Dönüştürülmüş fontlarla lisans dosyalarını saklayın, İzin olmadan dönüştürülmüş ticari fontları dağıtmayın, Ticari projeler için uygun lisanslar satın alın, Mümkünse açık kaynak fontları (Google Fonts) kullanın, Müşterileri font lisansları hakkında bilgilendirin, Font yaratıcılarının fikri mülkiyetine saygı gösterin. Şüphe durumunda, font yaratıcılarıyla iletişime geçin veya ücretsiz/açık fontlar kullanın.

Mobil uygulamalar için fontları dönüştürebilir miyim?

Mobil uygulamalar için font formatları: iOS (iPhone/iPad) - TTF, OTF'yi destekler (tercih edilen). Fontları uygulama paketine dahil edin. Info.plist'te kaydedin. Android - TTF, OTF'yi destekler. assets/fonts klasörüne yerleştirin. Programatik olarak veya XML aracılığıyla yükleyin. Tüm platformlarda maksimum uyumluluk için TTF veya OTF'ye dönüştürün. Mobil uygulamalar web fontları (WOFF/WOFF2) kullanmaz.

Mobil font uygulaması: iOS için: Font dosyalarını Xcode projesine ekleyin, Font adlarını Info.plist'e (UIAppFonts dizisi) ekleyin, Kodda kullanın: UIFont(name: 'FontName', size: 16). Android için: Fontları assets/fonts/ klasörüne yerleştirin, Kodda yükleyin: Typeface.createFromAsset(assets, 'fonts/fontname.ttf'), XML'de font family özelliği ile kullanın. Her iki platformda da: OTF daha fazla özellik sunar, TTF biraz daha iyi uyumluluğa sahiptir.

Mobil uygulama font ipuçları: Daha iyi tipografi özellikleri için OTF kullanın, Mümkünse fontları alt kümeleyin (uygulama boyutunu azaltır), Birden fazla cihazda test edin, Boyut tasarrufu için değişken fontları düşünün (iOS 11+, Android 8+), Sadece gerekli ağırlıkları paketleyin, Font lisanslarına uyun (uygulama dağıtımı yeniden dağıtımdır), Farklı ekran yoğunluklarında font render'ını test edin, Yedek fontlar sağlayın. Mobil font dosyaları uygulama indirme boyutunu artırır - mümkün olduğunda optimize edin.

Performans için en iyi font formatı nedir?

Font formatı performans karşılaştırması: WOFF2 - En iyi sıkıştırma (WOFF'tan %30, TTF'den %50 daha küçük), Hızlı dekompresyon, Tüm modern tarayıcılar tarafından desteklenir, Web için en iyi seçim. WOFF - İyi sıkıştırma (TTF'den %40 daha küçük), Evrensel tarayıcı desteği, İyi yedek. TTF/OTF - Sıkıştırma yok, Daha büyük dosyalar, Daha yavaş yükleme, Sadece masaüstü için kullanın. EOT - Sadece IE için, Eski, Kaçının.

Performans optimizasyon stratejileri: Modern tarayıcılar için yalnızca WOFF2 kullanın (%95+ destek), Kullanılmayan karakterleri kaldırmak için fontları alt kümeleyin (%50-80 boyut azaltma), Birden fazla dosya yerine değişken fontları kullanın (%50-70 toplam boyut azaltma), Daha iyi algılanan performans için font-display: swap uygulayın, Kritik fontları hemen yüklemek için önceden yükleyin, Fontları agresif bir şekilde önbelleğe alın (1 yıl), Fontları yerel olarak önbelleğe almak için hizmet çalışanlarını kullanın.

Gerçek dünya örnekleri: Google Fonts modern tarayıcılara WOFF2 sunar (optimal performans). Amazon fontları yoğun bir şekilde alt kümelemektedir (sadece kullanılan glifler). Apple son sitelerinde değişken fontlar kullanmaktadır (daha az HTTP isteği). Medium kritik fontları önceden yükler (daha hızlı başlangıç render'ı). En iyi uygulama: WOFF2'ye dönüştürün, dilinize göre alt kümeleyin, etkiyi ölçün, yineleyin. Tipik optimize edilmiş font: 15-30KB (optimize edilmemiş 150-300KB karşısında). İyi bir font stratejisi sayfa yükleme sürelerini ve kullanıcı deneyimini önemli ölçüde iyileştirir.

Font dönüşüm sorunlarını nasıl gideririm?

Yaygın dönüştürme sorunları ve çözümleri: Dönüştürmeden sonra yazı tipi görüntülenmiyor - CSS @font-face sözdizimini kontrol edin, dosya yolunu doğrulayın, çapraz alan yazı tipleri için CORS başlıklarını sağlayın, farklı tarayıcılarda test edin. Karakterler eksik - Orijinal yazı tipi bu karakterleri içermiyor olabilir, farklı kaynak formatını deneyin, her iki formatta da Unicode desteğini sağlayın. Dosya boyutu çok büyük - Daha iyi sıkıştırma için WOFF2 kullanın, kullanılmayan glifleri kaldırmak için yazı tipini alt kümeleyin, gereksiz yazı tipi özelliklerini kaldırın.

Format spesifik sorunlar: WOFF2 çalışmıyorsa - Tarayıcı desteğini kontrol edin (IE desteklenmiyor), CSS'de uygun format() olduğundan emin olun, dosyanın bozulmadığını doğrulayın. EOT sorunları - EOT sadece IE içindir, IE için koşullu yorumlar kullanın, IE sürüm desteğini doğrulayın. SVG font sorunları - SVG fontlar kullanımdan kaldırılmıştır, bunun yerine WOFF/WOFF2'ye dönüştürün, sınırlı tarayıcı desteği vardır. PostScript (PFB/PFA) sorunları - Bunlar baskı/masaüstü içindir, web için değil, masaüstü kullanımı için OTF'ye dönüştürün.

Hata ayıklama kontrol listesi: Dönüştürmeden önce kaynak yazı tipinin çalıştığını doğrulayın, dönüştürülmüş yazı tipini yazı tipi görüntüleme aracıyla kontrol edin, @font-face CSS sözdizimini doğrulayın, birden fazla tarayıcıda test edin, yazı tipi yükleme hataları için tarayıcı geliştirici araçlarını kontrol edin, sunucudaki doğru MIME türlerini doğrulayın (font/woff2, font/woff, font/ttf), farklı bir alan adından yükleniyorsa CORS başlıklarını sağlayın, farklı dönüştürme ayarlarını deneyin, önce daha basit bir yazı tipi ile test edin, yazı tipi dosyasının bozulmadığını kontrol edin. Çoğu sorun CSS/sunucu yapılandırması ile ilgilidir, dönüştürme kalitesi ile değil.