Font Ne Demek, Yazı Tipi Dosyası Nasıl Taşınıyor?

---

Bilgisayarınızda kurulu olmayan bir yazı tipini sitede kullanabiliyorsanız, o harfleri ziyaretçinin cihazına bir dosya taşıyor demektir. Font dediğimiz şey, işte o taşınabilir dosyanın kendisi ve ağ üzerinden gelmesi kendi kurallarını getiriyor.

Bu yazı fontun dosya olarak ne olduğunu, web'e özel biçimin neden geliştirildiğini, tarayıcıya nasıl tanıtıldığını ve indirilirken metnin ne olacağını W3C ve MDN belgelerine bakarak topluyor.

Font bir dosya​

MDN'in özel yazı tipi tanımlama kuralı, metni göstermek üzere özel bir yazı tipi belirtmeye yaradığını ve bu tipin uzak bir sunucudan ya da kullanıcının kendi bilgisayarında kurulu hâlinden yüklenebileceğini söylüyor.

Bu cümle iki yolu birden anlatıyor: dosya ya ziyaretçinin makinesinde zaten vardır, ya da ağ üzerinden indirilir. İkinci yol, sitenin görünümünü ziyaretçinin kurulu yazı tiplerinden bağımsız kılıyor.

• Yerel: Cihazda kurulu tip doğrudan kullanılır.
• Uzak: Dosya sunucudan indirilir.
• Ad: Kural, tipe bir ad verilmesini zorunlu tutuyor.

Belge bu son maddeyi açıkça yazıyor: kuralın geçerli olabilmesi için bir aile adı gerekiyor. Yani dosyayı göstermek yetmiyor, ona bir ad verip stil tarafında o adla çağırmak gerekiyor.

Neden web'e özel bir biçim var?​

W3C'nin WOFF 2.0 belirtimi gerekçeyi doğrudan açıklıyor: yaygın biçimde kullanılan önceki sürümden edinilen deneyime dayanarak, daha iyi sıkıştırma ve dolayısıyla daha az ağ bant genişliği kullanımı sağlamak üzere geliştirilmiş.

Belge bir kısıt daha koyuyor: bunu yaparken mobil cihazlarda bile hızlı açılmaya izin vermek gerekiyordu. Yani sıkıştırma oranı tek başına yeterli değil; açma maliyeti de hesaba katılmış.

Belge yöntemi de anıyor: içeriğin yapısını dikkate alan bir ön işleme adımı ile geliştirilmiş entropi kodlamasının birleşimi kullanılıyor.

Püf nokta' Alıntı:

Yazı tipi dosyası da bir varlıktır; sayfa ağırlığına görseller gibi eklenir.

Genişletmek için tıkla ...

Aynı tip için birden çok dosya​

Kuralın örneğinde tek bir yazı tipi için birkaç kaynak arka arkaya sıralanıyor: önce yerel kurulum, sonra farklı biçimlerdeki dosyalar. Tarayıcı desteklediği ilk kaynağı kullanıyor.

Bu düzen, eski ve yeni tarayıcıların aynı sayfayı sorunsuz açmasını sağlıyor. Yeni biçimi destekleyen tarayıcı küçük dosyayı, desteklemeyen ise alternatifini indiriyor.

Dosya nereden geliyor?​

Kuralın örneğinde kaynaklar sırayla veriliyor ve ilk sırada cihazda kurulu hâli aranıyor. Bu, ziyaretçide o tip zaten varsa hiç indirme yapılmaması anlamına geliyor.

Sıradaki kaynaklar ağdan geliyor ve her birinin biçimi ayrıca belirtiliyor. Tarayıcı biçim bilgisine bakarak destekleyip desteklemediğini anlıyor; desteklemiyorsa listedeki bir sonrakine geçiyor.

Bu düzenin pratik faydası, tek bir sayfanın hem güncel hem eski tarayıcılarda çalışması. Yeni biçimi anlayan küçük dosyayı alıyor, anlamayan daha büyük alternatifi indiriyor.

Sıkıştırmanın ölçüsü ne?​

Belirtimin özeti iki hedefi birlikte anıyor: sıkıştırmayı iyileştirmek ve buna rağmen açma işlemini hızlı tutmak. İkincisi olmadan birincisi işe yaramıyor, çünkü sayfa açılırken dosyanın çözülmesi de zaman alıyor.

Bu denge, yazı tipi dosyalarını görsellerle aynı kategoriye sokuyor: indirilen bayt kadar, o baytın işlenme maliyeti de sayfanın açılış süresine giriyor.

İndirilirken metne ne oluyor?​

MDN'in tanımladığı belirleyicilerden biri tam bu soruyu yanıtlıyor: yazı tipinin indirilip indirilmediğine ve ne zaman kullanıma hazır olduğuna göre nasıl gösterileceğini belirleyen bir ayar bulunuyor.

Bu ayrıntı performans tarafında önemli. Dosya inene kadar metnin görünmez kalması ile geçici bir tiple gösterilmesi, kullanıcının algıladığı hızı değiştiriyor. Sayfa ağırlığını ölçerken bu kalemi de hesaba katmak gerekiyor; görsellerde aynı hesabı WebP yazımızda yapmıştık.

Ölçü bilgileri de dosyada​

Aynı kural, yazı tipinin üst ve alt uzanım ölçülerinin dışarıdan tanımlanmasına imkân veren belirleyiciler içeriyor. Bunlar, bir tip yerine başkası geldiğinde satırların kaymasını azaltmaya yarayan ayarlar.

Tasarım tarafında da benzer bir sorun var: dosya bir makinede kurulu değilse belge farklı görünüyor. Bunun nasıl önlendiğini eksik font yazımızda anlatmıştık.

Yazının ekranda nasıl yerleştiğini ve hangi kararların okunabilirliği belirlediğini ise tipografi yazımızda toplamıştık.

Sık Sorulan Sorular​

Font ne demek?
Harflerin çizimini taşıyan dosya; web'de uzak sunucudan indirilebiliyor ya da cihazda kurulu hâli kullanılabiliyor.

Web fontu neden ayrı bir biçim?
W3C'nin belirtimine göre daha iyi sıkıştırma ve daha az bant genişliği için, mobilde hızlı açılmayı koruyacak biçimde geliştirildi.

Aynı tip için neden birden çok dosya veriliyor?
Tarayıcı desteklediği ilk kaynağı kullanıyor; böylece eski ve yeni tarayıcılar aynı sayfayı açabiliyor.

Yazı tipine ad vermek zorunlu mu?
Evet. Kuralın geçerli olması için bir aile adı gerekiyor.

Dosya inerken metin görünmüyor mu?
Bu davranış ayarlanabiliyor; indirme durumuna göre nasıl gösterileceğini belirleyen bir belirleyici var.

Özetle​

Font, harflerin çizimini taşıyan bir dosya ve web'de bu dosya çoğu zaman ağ üzerinden geliyor. Web'e özel biçim, bant genişliğini azaltırken mobilde hızlı açılmayı korumak için geliştirildi. Aynı tip için birden çok kaynak sıralanabiliyor, tarayıcı desteklediği ilkini alıyor. İndirme sırasında metnin nasıl görüneceği de ayrı bir ayar olarak tanımlı.

Sitenizdeki yazı tipi dosyalarının toplam boyutunu hiç ölçtünüz mü?

Güncelleme: 2 Eylül 2026. MDN'in @font-face başvurusu ve W3C'nin WOFF 2.0 belirtimi kontrol edildi.

---