@navigatorkullanıcının bilgisayarında kurulu olmasa bile sayfayla birlikte indirilen yazı tipleri; web'de karşılığı css'teki @font-face kuralı. tarayıcı, sayfada tanımlı yazı tipi dosyasını (woff2, woff, ttf) sunucudan çekip yalnızca o sayfa için kullanıyor, sisteme kurmuyor.
kısa tarihçe: internet explorer 4 (1997) ilk deneyen tarayıcıydı ama kendi kapalı formatıyla (eot) geldi ve kimse takip etmedi. asıl kırılma 2009'da css3 fonts modülü ve woff formatıyla oldu; 2014'te google'ın brotli sıkıştırmalı woff2'si standartlaştı. bugün pratikte tek format woff2 yetiyor, eski tarayıcı desteği için woff eklenir.
en çok yapılan hata font-display'i boş bırakmak. tarayıcı yazı tipini indirirken metni gizlerse (foit) sayfa boş görünüyor; font-display: swap ile önce sistem yazı tipi gösterilip indirme bitince değişiyor. ikinci hata tüm alfabeyi yüklemek: latin extended alt kümesi (türkçe karakterler dahil) çoğu site için yeterli ve dosya boyutu yarıya iniyor.
lisans tarafı: google fonts'taki yazı tiplerinin çoğu sil open font license ile geliyor, ticari sitede ücretsiz kullanılabiliyor. ücretli yazı tiplerinde web lisansı ayrı satılıyor, masaüstü lisansı web kullanımını kapsamıyor. bir de kvkk ve gdpr notu: google fonts'u google sunucusundan çekmek ziyaretçinin ip adresini google'a iletiyor; almanya'da bu yüzden ceza kesilen siteler var. dosyayı kendi sunucundan sunmak (self-host) hem daha hızlı hem daha temiz.
kısa tarihçe: internet explorer 4 (1997) ilk deneyen tarayıcıydı ama kendi kapalı formatıyla (eot) geldi ve kimse takip etmedi. asıl kırılma 2009'da css3 fonts modülü ve woff formatıyla oldu; 2014'te google'ın brotli sıkıştırmalı woff2'si standartlaştı. bugün pratikte tek format woff2 yetiyor, eski tarayıcı desteği için woff eklenir.
en çok yapılan hata font-display'i boş bırakmak. tarayıcı yazı tipini indirirken metni gizlerse (foit) sayfa boş görünüyor; font-display: swap ile önce sistem yazı tipi gösterilip indirme bitince değişiyor. ikinci hata tüm alfabeyi yüklemek: latin extended alt kümesi (türkçe karakterler dahil) çoğu site için yeterli ve dosya boyutu yarıya iniyor.
lisans tarafı: google fonts'taki yazı tiplerinin çoğu sil open font license ile geliyor, ticari sitede ücretsiz kullanılabiliyor. ücretli yazı tiplerinde web lisansı ayrı satılıyor, masaüstü lisansı web kullanımını kapsamıyor. bir de kvkk ve gdpr notu: google fonts'u google sunucusundan çekmek ziyaretçinin ip adresini google'a iletiyor; almanya'da bu yüzden ceza kesilen siteler var. dosyayı kendi sunucundan sunmak (self-host) hem daha hızlı hem daha temiz.