Değişken Font Nedir? Marka Tipografisinde Sistem Kurmak

Değişken fontlar artık dosya boyutu meselesi değil; marka tipografisini eksenleri token olan bir sisteme çeviriyor. Ne kazandırdığını, nerede değmediğini ve Türkçe tarafında neye dikkat edilmesi gerektiğini yazdım.

Karanlık zeminde tek bir sculptural A harfi, solunda başlık için boş alan

Bir markanın yazı karakterini seçmek, uzun süre bir dosya seçmek anlamına geldi. Light, Regular, Medium, Bold. Her ağırlık ayrı bir dosya, her dosya ayrı bir istek. Tasarımcı üç ağırlık seçerdi çünkü dördüncüsünün bir bedeli vardı.

2026'da bu denklem değişti. Değişken fontlar artık tarayıcıların tamamına yakınında çalışıyor ve markalar onları dosya tasarrufu için değil, sistem kurmak için kullanıyor.

Değişken font tam olarak nedir

Klasik bir font ailesinde her ağırlık ayrı bir çizimdir. Değişken bir fontta ise tek dosya bir aralık taşır: en ince uçtan en kalın uca kadar aradaki her değer üretilebilir. 400 ile 700 arasında sıkışmazsınız; 520 diye bir ağırlık vardır ve gerçektir.

Bu aralıklara eksen deniyor. En yaygın üçü şöyle.

Ağırlık (weight)

İncelikten kalınlığa. Tek eksende yüzlerce ara değer. Aynı harf, aynı çizim mantığı, değişen tek şey gövdenin kalınlığı.

Aynı 'a' harfi Outfit fontunun inceden kalına gerçek ağırlıklarında dizilmiş, altında bir eksen oku
Tek bir eksen boyunca inceden kalına aynı harf: değişken fontun ağırlık ekseni tam olarak budur.

Genişlik (width)

Harflerin yatayda daralıp genişlemesi. Dar bir kolonda başlığı kırpmak ya da punto düşürmek yerine yazıyı daraltabilirsiniz; okunabilirlik korunur, satır sığar.

Optik boyut (optical size)

Aynı harfin 12 punto ile 96 puntoda farklı çizilmesi. Küçük boyutta açılan boşluklar, büyük boyutta sıkışan formlar. Matbaacılığın yüzyıllık bilgisi, nihayet dijitale geri döndü.

Asıl değişim: eksen bir token'dır

Kritik nokta burası. Bir design system'de renk, boşluk ve köşe yarıçapı token olarak tanımlanır; yani isimlendirilmiş, tek kaynaktan yönetilen değerler. Değişken font, tipografiyi de aynı listeye sokuyor.

Artık "başlık Bold olsun" demiyorsunuz. "Başlık ağırlığı 680, geniş ekranda genişlik 105, mobilde 96" diyorsunuz. Bu değerler Figma'da bir değişken, kodda bir CSS custom property olarak yaşıyor ve ikisi aynı sayıyı okuyor.

Sonuç şu: marka tipografisi artık bir stil kılavuzunda tarif edilen bir şey olmaktan çıkıp sistemin içinde çalışan bir şeye dönüşüyor. Bir tasarımcının "burada biraz daha kalın dursun" deme alanı daralıyor; ki bu iyi bir şey. Design system çalışmalarımda tipografiyi renk ve boşlukla aynı disiplinle ele alıyorum; ayrı bir dünya değil.

Instagram Sans neyi gösteriyor

Instagram'ın 2026 kimlik yenilemesi bu yaklaşımın iyi bir örneği. Wordmark değişimi çok konuşuldu ama sistemin asıl parçası yazı ailesiydi: Colophon Foundry tarafından çizilen Instagram Sans, yanına el yazısı karakterli Instagram Pen ve tek aralıklı Instagram Mono eklendi.

Instagram Sans değişken bir font ve kırktan fazla yazı sistemini destekliyor. Bu ikinci detay ilkinden daha önemli. Küresel bir markanın yazı karakteri Tokyo'da ve Dubai'de aynı karakteri koruyamıyorsa marka orada zayıflıyor demektir. Tek dosyada hem ağırlık aralığını hem çok dilli kapsamı taşımak, bir kimliği gerçekten ölçeklenebilir yapan şey.

Buradan çıkan ders "Instagram şunu yaptı, siz de yapın" değil. Ders şu: marka fontu artık bir seçim değil, bir altyapı kararı.

Türkçe tarafında ne oluyor

Bu kısmı fazla yazan yok, oysa burada çalışan herkesin başına geliyor.

Bir yazı karakteri Latin desteği olduğunu söylüyorsa bu Türkçe desteklediği anlamına gelmiyor. Kontrol edilecek dört harf var: ı, İ, ğ, ş. Özellikle noktasız ı ile büyük noktalı İ, birçok fontta ya eksiktir ya da başka bir karakterden türetilmiş, gövdeye oturmayan bir çizimdir.

Değişken fontta bu risk büyüyor. Çünkü karakter tek bir çizimde değil, bir aralık boyunca doğru davranmak zorunda. Bir font, ağırlık 400'de düzgün bir ğ gösterip 800'de yumuşatma işaretini gövdeye yapıştırabiliyor. Statik bir fontta bunu bir kez kontrol edersiniz; değişken fontta aralığın en az üç noktasında kontrol etmeniz gerekir.

Pratik kontrol listesi:

  • Fontu en ince, orta ve en kalın ağırlıkta yan yana dizin, sonra ığĞİŞşÇç yazın
  • Büyük harf dönüşümünü test edin. i harfinin büyüğü Türkçede İ'dir, I değil; CSS'te text-transform kullanıyorsanız lang etiketi olmadan yanlış sonuç alırsınız
  • Optik boyut ekseni varsa küçük punto ucunda noktaları kontrol edin; sıkışan bir ı noktası okunabilirliği doğrudan düşürür

Bu üç adım beş dakika sürüyor ve bir markanın kendi adını yanlış yazmasını engelliyor.

Ne zaman değmez

Her projeye değişken font gerekmiyor.

Markanız iki ağırlık kullanıyorsa ve kullanmaya devam edecekse, değişken bir dosya size esneklik değil karmaşıklık getirir. Ekip Figma değişkenleriyle çalışmıyorsa eksenler token olmaz, sadece elle girilen sayılar olur; o da statik fontun dağınık hâlidir.

Bir de lisans meselesi var. Değişken fontların lisansları statiklerden farklı kurgulanabiliyor; özellikle web kullanımında aralığın tamamını mı yoksa belirli örnekleri mi kullandığınız sözleşmede ayrı ele alınabiliyor. Satın almadan önce okumak gerekiyor.

Nereden başlanır

Yeni bir kimlik kuruyorsanız yazı karakterini renk paletiyle aynı anda seçin, sonrasında değil. Eksenleri baştan tanımlayın: hangi ağırlık başlık, hangisi gövde, mobilde ne değişiyor.

Mevcut bir kimliği taşıyorsanız acele etmeyin. Önce mevcut ağırlıkların değişken karşılıklarını eşleyin, bir sayfada yan yana dizin, farkı görün. Çoğu geçiş burada durur; durması da doğrudur.

Tipografi bir markanın en çok tekrar eden öğesidir. Logo bir kez görünür, yazı her cümlede görünür. Kurumsal kimlik çalışmalarında yazı karakterini logodan sonra değil, logoyla birlikte ele almamın sebebi bu.

Onur DemircanÇevrimiçi
WhatsApp
Onur Demircan profile portrait
Webflow ve Next.js tarafında güçlü dijital çözümler üreten freelancer.

Webflow development, Figma tasarımı ve Next.js projelerinde yaratıcı, dinamik ve kullanıcı odaklı web çözümleri geliştiriyorum.

Değişken Font Nedir? Marka Tipografisinde Sistem Kurmak | Onur Demircan | Art Director