Webfont Üretici

@font-face Webfont Üretici

Değişken yazı tipleri, WOFF2 ve CSS tek tıkla

TTF, OTF, WOFF veya WOFF2 dosyalarınızı — değişken yazı tipleri dahil — bırakın, ayarlarınızı seçin ve WOFF2, WOFF, tam bir stylesheet.css ve canlı bir demo sayfası ile barındırmaya hazır bir paket indirin.

Yazı tiplerini buraya bırakın veya göz atmak için tıklayın

TTF, OTF, WOFF, WOFF2 ve değişken yazı tipleri — birden fazla dosyaya izin verilir

%100 istemci tarafında

Dönüşüm tamamen tarayıcınızda WebAssembly kullanılarak çalışır. Yazı tipleriniz asla yüklenmez.

Değişken yazı tipleri & tüm formatlar

TTF, OTF, WOFF ve WOFF2 — optimize edilmiş WOFF2 çıkışı ile, tam değişken yazı tipi eksen desteği (wght, wdth, slnt, ital).

Üretime hazır çıktı

Doğru font-display, isteğe bağlı local() ve bir demo.html ile birlikte bir stylesheet.css gönderir, böylece paketi doğrudan projenize bırakabilirsiniz.

Webfont üretici nedir?

Bir webfont üretici, masaüstü veya indirilen yazı tipi dosyalarını (TTF, OTF, WOFF, WOFF2 — modern değişken yazı tipleri dahil) tarayıcıların web üzerinden yükleyebileceği formatlara dönüştürür — günümüzde esas olarak WOFF2, WOFF ise eski bir yedek olarak — ve web sitenizin tipografisini kendiniz barındırabilmeniz için eşleşen CSS @font-face bildirimleri üretir.

Neden yazı tiplerini kendi sunucumda barındırmalıyım?

Kendinize barındırma, performans, gizlilik ve güvenilirlik üzerinde tam kontrol sağlar. Google Fonts'a üçüncü taraf isteği yok (GDPR için faydalı), ekstra bir DNS sorgulaması yok, dosyayı önceden yükleyebilirsiniz ve hangi ağırlıkların, stillerin ve eksenlerin sitenizle birlikte gönderileceğine tam olarak siz karar verirsiniz.

Dönüşüm nasıl çalışır

WOFF2, TTF/OTF konturlarınızı web için özel olarak tasarlanmış Brotli sıkıştırılmış bir konteynerde sarar — genellikle WOFF'tan %30 daha küçük ve ham TTF'den %50'den fazla daha küçüktür. WOFF, çok eski tarayıcılar için yedek olarak tutulan eski bir zlib sıkıştırılmış sarıcıdır. Üreticimiz, WebAssembly'ye derlenmiş Google'ın resmi WOFF2 kodlayıcısını ve kod çözücüsünü çalıştırır, böylece dönüşüm tarayıcınızın içinde yerel olarak gerçekleşir. Google Fonts'tan indirdiğiniz bir WOFF2 dosyasını bırakın ve biz şeffaf bir şekilde onu sfnt konteynerine geri çözüp yeniden kodlayacağız — asıl TTF'yi bulmak zorunda kalmazsınız.

Pakette ne alırsınız

  • Her yüklenen yüz için WOFF2 (ve isteğe bağlı olarak WOFF/TTF) formatında yazı tipleri — tek bir küçük dosya olarak saklanan değişken yazı tipleri dahil.
  • Her dosya için bir @font-face kuralı ile tam bir stylesheet.css, doğru format() ipuçları, font-weight aralıkları, font-style, font-stretch, font-display ve isteğe bağlı local().
  • Canlı yayına geçmeden önce her ağırlığı, stili ve ekseni birden fazla boyutta önizleyebilmeniz için bir demo.html sayfası.
  • İsteğe bağlı Base64 gömme, yazı tipini CSS'nizde çevrimdışı veya tek dosya senaryoları için satır içi göndermek için.

Gizlilik & lisanslama

Dosyalar asla cihazınızdan çıkmaz — her şey tarayıcınızda işlenir. Web sitenizde yayınlamadan önce yazı tipinizin lisansının webfont gömme iznine sahip olduğundan her zaman emin olun.

Sıkça sorulan sorular