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?

To use converted fonts on websites, you need: (1) Convert your font to web formats (WOFF2 and WOFF for compatibility), (2) Upload fonts to your server, (3) Add @font-face CSS rule, (4) Apply font to elements. Example 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.

Can I convert Google Fonts or other commercial fonts?

Legal considerations for font conversion: Open Source Fonts - Fonts from Google Fonts, Adobe Fonts (some), Font Squirrel (free fonts) can be converted freely if license allows. Check individual font licenses. Commercial Fonts - Fonts you purchased with conversion rights can be converted for your use. Check your license agreement. Redistribution may be prohibited. Free Fonts - 'Free for personal use' fonts may not allow conversion or commercial use. Always read license.

Google Fonts specifically: Google Fonts are open source (SIL Open Font License or Apache License). You CAN convert Google Fonts for your own use. You CAN use converted Google Fonts on websites. You CAN modify and convert them. You CANNOT sell converted Google Fonts. Download from fonts.google.com first, then convert. Give proper attribution as required by license.

Safe practices: Only convert fonts you have rights to use and convert. Keep licenses with converted fonts. Don't redistribute converted commercial fonts. For clients' projects, ensure they have proper licenses. When in doubt, use open-source fonts (Google Fonts, Font Squirrel free fonts). Consider purchasing web font licenses for commercial projects. Respect font creators' rights and licensing terms.

TTF ve OTF fontları arasındaki fark nedir?

TTF (TrueType Font) vs OTF (OpenType Font): TTF was developed by Apple and Microsoft in the 1980s. Uses quadratic Bézier curves for glyph outlines. Works on all platforms. Good for simple fonts and screen display. Widely supported in all software. File sizes typically larger than OTF. Better hinting for screen rendering at small sizes.

OTF is an extension of TTF developed by Adobe and Microsoft. Uses cubic Bézier curves (PostScript curves). Supports more advanced typography features (ligatures, alternates, contextual substitutions). Better for complex scripts and professional typography. Supports more glyphs (65,000+ vs 65,000 limit). Better for print and professional design work. Modern standard for professional fonts.

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.

Cross-browser CSS example: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), /* Modern browsers */ url('myfont.woff') format('woff'); /* Fallback */ font-weight: normal; font-style: normal; font-display: swap; /* Better loading experience */ } This covers 99.9% of browsers. Skip EOT unless supporting IE 8.

Testing recommendations: Test on Chrome, Firefox, Safari, Edge (covers 95%+ users). Check font rendering on Windows and Mac (different rendering engines). Test on mobile devices (iOS Safari, Chrome Android). Use tools like BrowserStack for comprehensive testing. Verify fallback fonts load properly. Check font-display behavior. Monitor loading performance. Ensure no FOUT (Flash of Unstyled Text) or FOIT (Flash of Invisible Text).

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+).

Using variable fonts: Convert to WOFF2 for best compression and browser support. Use CSS: font-variation-settings: 'wght' 450; for custom weights. Test browser support (supported by all modern browsers since 2018). Provide non-variable fallback for older browsers. Consider variable fonts for: Large font families, Responsive designs, Performance-critical sites, Modern web projects. Google Fonts offers many variable fonts free.

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).

Safe practices: Read license before converting, Keep license files with converted fonts, Don't distribute converted commercial fonts without permission, Purchase appropriate licenses for commercial projects, Use open-source fonts (Google Fonts) when possible, Educate clients about font licensing, Respect font creators' intellectual property. When in doubt, contact font creator or use free/open fonts.

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

Font formats for mobile apps: iOS (iPhone/iPad) - Supports TTF, OTF (preferred). Include fonts in app bundle. Register in Info.plist. Android - Supports TTF, OTF. Place in assets/fonts folder. Load programmatically or via XML. Convert to TTF or OTF for maximum compatibility across platforms. Mobile apps don't use web fonts (WOFF/WOFF2).

Mobile font implementation: For iOS: Add font files to Xcode project, Add font names to Info.plist (UIAppFonts array), Use in code: UIFont(name: 'FontName', size: 16). For Android: Place fonts in assets/fonts/, Load in code: Typeface.createFromAsset(assets, 'fonts/fontname.ttf'), Use in XML with font family attribute. Both platforms: OTF provides more features, TTF has slightly better compatibility.

Mobile app font tips: Use OTF for better typography features, Subset fonts if possible (reduces app size), Test on multiple devices, Consider variable fonts for size savings (iOS 11+, Android 8+), Bundle only needed weights, Comply with font licenses (app distribution is redistribution), Test font rendering on different screen densities, Provide fallback fonts. Mobile font files add to app download size - optimize when possible.

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.

Real-world examples: Google Fonts serves WOFF2 to modern browsers (optimal performance). Amazon subsets fonts heavily (only used glyphs). Apple uses variable fonts on recent sites (fewer HTTP requests). Medium preloads critical fonts (faster initial render). Best practice: Convert to WOFF2, subset for your language, measure impact, iterate. Typical optimized font: 15-30KB (vs 150-300KB unoptimized). Good font strategy significantly improves page load times and user experience.

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

Common conversion problems and solutions: Font doesn't display after conversion - Check CSS @font-face syntax, verify file path, ensure CORS headers for cross-domain fonts, test in different browsers. Characters missing - Original font may not include those characters, try different source format, ensure Unicode support in both formats. File size too large - Use WOFF2 for better compression, subset font to remove unused glyphs, remove unnecessary font features.

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.

Debugging checklist: Verify source font works before conversion, Check converted font with font viewer tool, Validate @font-face CSS syntax, Test in multiple browsers, Check browser developer tools for font loading errors, Verify correct MIME types on server (font/woff2, font/woff, font/ttf), Ensure CORS headers if loading from different domain, Try different conversion settings, Test with simpler font first, Check font file isn't corrupted. Most issues are CSS/server configuration, not conversion quality.