Tipografi Nedir? Markanız İçin Yazı Tipi Nasıl Seçilir?

Tipografi, yazının okunacak ve bir karakter taşıyacak şekilde düzenlenmesidir: hangi yazı tipinin seçildiği, hangi boyutta, hangi satır ve harf aralığıyla, hangi hiyerarşide kullanıldığı. Marka için yazı tipi seçerken doğru sıra şudur: önce Türkçe karakter desteği ve okunabilirlik, sonra markanın karakterine uygunluk, ardından lisans ve son olarak farklı ağırlıklarla kurulacak tipografi sistemi.

Tipografi nedir, yazı tipi ile font aynı şey mi?

Günlük dilde ikisi aynı anlamda kullanılır, ama tasarımcılar arasında bir ayrım vardır. Yazı tipi (typeface), harflerin ortak tasarımıdır; font ise bu tasarımın belirli bir ağırlık ve stildeki dosyasıdır. Örneğin bir yazı tipi ailesinin ince, normal, yarı kalın ve kalın ağırlıkları ile italik stilleri ayrı fontlardır. Marka için seçim yaparken tek bir fonta değil, yeterli ağırlık ve stil seçeneği sunan bir aileye bakmak gerekir.

Tipografi yalnız font seçimi değildir. Aynı yazı tipi, kötü satır aralığı ve karmaşık bir boyut düzeniyle kullanıldığında da okunmaz hâle gelebilir.

Yazı tipi sınıfları hangi etkiyi bırakır?

Kesin kurallar yoktur, ama sınıfların okurda uyandırdığı genel izlenimler bir başlangıç noktası verir:

• Serifli (tırnaklı): Harf uçlarında küçük çıkıntılar vardır. Köklülük, ciddiyet ve editoryal bir ton çağrıştırır; hukuk, yayıncılık ve lüks markalarda sık görülür.
• Serifsiz (sans-serif): Sade ve modern bir etki bırakır; ekranda küçük boyutlarda okunaklı kaldığı için dijital ürünlerde yaygındır.
• Slab serif: Kalın, blok tırnaklarıyla güçlü ve sağlam bir izlenim verir.
• El yazısı ve script: Samimiyet ve kişisellik taşır ama uzun metinde yorar; yalnız kısa vurgu için uygundur.
• Display: Başlık ve logo için tasarlanmış, dikkat çekici ama gövde metnine uygun olmayan yazı tipleridir.
• Monospace (eş aralıklı): Her harf aynı genişliktedir; teknoloji ve yazılım çağrışımı güçlüdür.

Markanızı üç dört sıfatla tanımlayın (ör. güvenilir, sıcak, sade) ve adayları bu sıfatlara göre eleyin. Rakiplerinizin çoğu aynı sınıfı kullanıyorsa, farklı bir sınıf seçmek ayırt edilmeyi kolaylaştırabilir.

Marka fontu seçerken nelere bakmalı?

1. Türkçe karakterler: ğ, ş, ı, İ, ç, ö, ü harflerinin hem küçük hem büyük hâllerini, tüm ağırlıklarda deneyin. Türkçe harfleri sonradan eklenmiş bazı fontlarda aksanlar yamuk durur ya da kalın ağırlıkta eksik çıkar. Bir deneme cümlesi yazın ve özellikle büyük İ ile küçük ı harflerine bakın.
2. Okunabilirlik: Büyük I, küçük l ve 1 rakamı birbirinden ayırt edilebiliyor mu? x yüksekliği (küçük harflerin gövde yüksekliği) küçük boyutta okumayı zorlaştırmayacak kadar yüksek mi?
3. Aile genişliği: En az normal ve kalın, tercihen yarı kalın ve italik ağırlıklar bulunmalı. Değişken (variable) fontlar tek dosyada çok sayıda ağırlık sunar.
4. Lisans: Kullanacağınız her mecra (web sitesi, basılı iş, mobil uygulama, logo) lisans kapsamında mı?
5. Gerçek içerikle test: Fontu gerçek başlık ve metinlerinizle, telefon ekranında, küçük puntoda basılı bir kartvizitte ve koyu zemin üzerinde deneyin.

Font eşleştirme nasıl yapılır?

Çoğu marka için iki yazı tipi ailesi yeterlidir: biri başlıklar, biri gövde metni için. Eşleştirmede hedef kontrasttır; birbirine çok benzeyen iki serifsiz font, farklı olduklarını hissettirmeden sadece dağınıklık yaratır. Sık kullanılan kalıplar:

• Karakterli bir serifli başlık ile nötr bir serifsiz gövde
• Güçlü bir serifsiz başlık ile okunaklı bir serifli gövde
• Tek bir geniş aile içinde ağırlık ve boyut farkıyla kurulan hiyerarşi

Son seçenek en güvenli olanıdır; tek aile tutarlılığı korur ve web sitesinde yüklenecek dosya sayısını azaltır.

Web sitesinde tipografi nelere dikkat ister?

Web'de font seçimi performansı ve erişilebilirliği de etkiler:

• Dosya biçimi ve boyutu: Google'ın web.dev rehberi yalnız WOFF2 biçimini kullanmayı ve fontları alt kümelere bölerek (subsetting) dosya boyutunu azaltmayı öneriyor. Alt küme alırken Türkçe harflerin bulunduğu Latin Genişletilmiş karakterleri dışarıda bırakmamaya dikkat edin; aksi hâlde ğ ve ş yedek fontla görünür.
• Yükleme davranışı: font-display ayarı, font gelene kadar metnin gizlenip gizlenmeyeceğini belirler. swap metni hemen yedek fontla gösterir; optional ise performansı öne alır.
• Dil tanımı: Sayfanın dili tr olarak tanımlanmamışsa, CSS ile büyük harfe çevrilen i harfi noktasız I olarak görünebilir. Bu küçük hata başlık ve butonlarda sık yaşanır.
• Metin aralıkları: WCAG 2.2'nin 1.4.12 başarı ölçütü, kullanıcı satır yüksekliğini font boyutunun 1,5 katına, paragraf sonrası boşluğu 2 katına, harf aralığını 0,12 ve kelime aralığını 0,16 katına çıkardığında içeriğin bozulmamasını ister. Başlık ve buton kutularını sabit yükseklikte tasarlamamak bu yüzden önemlidir. Konunun tamamını web erişilebilirliği yazımızda anlattık.

Font lisansında nelere dikkat edilmeli?

Google Fonts'taki yazı tiplerinin büyük çoğunluğu SIL Open Font License (OFL) ile sunulur. OFL, fontların kitap, afiş, logo ve web sitelerinde ticari olarak kullanılmasına izin verir; font dosyasının kendisini tek başına satmayı ise yasaklar. Ücretli fontlarda masaüstü, web, uygulama ve e-kitap lisansları çoğu zaman ayrıdır; masaüstü lisansıyla satın alınan bir fontu web sitesine gömmek lisans ihlali olabilir. Logoda kullanılacak ücretli fontlarda lisans şartlarını ayrıca okuyun.

Tipografi kuralları nereye yazılmalı?

Seçilen fontlar, kurumsal kimlik kılavuzunda bir tipografi tablosuyla belgelenmelidir: başlık seviyeleri, gövde metni, alt yazı ve buton için font, ağırlık, boyut ve satır aralığı. Web için bu değerler tasarım sisteminde değişken olarak tanımlanırsa, yeni bir sayfa eklendiğinde kimse boyutu tahmin etmek zorunda kalmaz. Kılavuzun diğer bölümlerini kurumsal kimlik kılavuzu yazımızda, logo ile ilişkisini logo tasarımı yazımızda bulabilirsiniz.

Kısaca

• Tipografi yalnız font seçimi değil; boyut, aralık ve hiyerarşinin bütünüdür.
• Önce Türkçe karakter desteğini ve okunabilirliği test edin, sonra karakter uyumuna bakın.
• İki aile genellikle yeterlidir; eşleştirmede benzerlik değil kontrast arayın.
• Web'de WOFF2, doğru alt küme, uygun font-display ve lang="tr" ayarını kontrol edin.
• Her mecra için lisans kapsamını doğrulayın ve kuralları kılavuza yazın.

Markanız için tipografi sistemi kurmak isterseniz kurumsal kimlik hizmetimizi inceleyebilirsiniz.