Yazı tipini belirleme: Web ve görseller için hızlı yöntemler

Yazı tipinin adını öğrenmek için tarayıcının yerleşik kod denetleyicisini (web siteleri için) veya görsel tanıma hizmetlerini (görseller için) kullanın. Denetleyici, font-family CSS özelliğini göstererek %100 doğruluk sağlar. Görsellerde doğruluk, resmin kalitesine ve net karakterlerin varlığına bağlıdır.

Hangi durumda hangi yöntemi kullanmalısınız?

Araç seçimi, beğendiğiniz metni nerede gördüğünüze bağlıdır.

Yöntem 1: Web sayfasında yazı tipini belirleme

En doğru yöntem, sayfanın kaynak koduna bakmaktır. Tarayıcı, hangi yazı tipi dosyasını yüklediğini size bildirir.

Herhangi bir tarayıcı için adım adım talimatlar

1. İmleci istediğiniz metnin üzerine getirin.
2. Farenin sağ tuşuna tıklayın ve «Öğeyi Denetle» (Inspect) veya «Öğeyi İncele» seçeneğini seçin.
3. Açılan geliştirici panelinde Styles (Stiller) sekmesini bulun.
4. font-family özelliğini arayın.

Değer şu şekilde görünebilir: font-family: "Roboto", Arial, sans-serif;

Bu, ana yazı tipinin Roboto olduğu anlamına gelir. Yüklenmezse, tarayıcı Arial'ı kullanmayı dener.

Yazı tipi açıkça belirtilmemişse ne yapmalı?

Bazen font-family içinde yalnızca standart isimler (örneğin sans-serif) yer alır. Bu durumda:

1. Sources (Kaynaklar) veya Network (Ağ) sekmesinde dosyaları Font türüne göre filtreleyin.
2. Yüklenen dosya isimlerine bakın (genellikle yazı tipi ailesinin adıyla eşleşir, örneğin open-sans-bold.woff2).
3. CSS dosyalarındaki @font-face bölümünü kontrol edin — burada tam aile adı belirtilir (font-family: 'MyCustomFont';).

Yöntem 2: Görselden yazı tipi arama

Web sitesi elinizin altında değilse (örneğin kitap fotoğrafındaki veya Instagram'daki yazı tipi), sinir ağları ve glif veritabanları yardımcı olacaktır.

Daha iyi sonuç için görseli hazırlama

Tanıma kalitesi doğrudan girdi verilerine bağlıdır. Yüklemeden önce:

• Fazlalıkları kırpın: Yalnızca metin içeren satırı bırakın.
• Yatay hizalamayı düzeltin: Metin kesinlikle düz gitmeli, eğim olmamalıdır.
• Kontrastı artırın: Beyaz zemin üzerinde siyah metin en iyi tanınır.
• Efektleri kaldırın: Gölgeler, gradyanlar ve kenarlıklar algoritmaları şaşırtır.

Popüler tanıma hizmetleri

1. WhatFontIs — En güçlü araçlardan biridir. Otomasyon hata yaparsa, görseldeki harfin hangi karaktere karşılık geldiğini manuel olarak belirtmenize olanak tanır. Ücretsiz ticari yazı tipi alternatiflerini de içeren devasa bir veritabanına sahiptir.
2. Font Squirrel Matcherator — Ücretsiz yazı tiplerini aramak için uygundur. Harflerin net bir şekilde ayrılmasını (kerning) gerektirir.
3. Adobe Fonts (Görsel Arama) — Zaten Adobe ekosistemini kullanıyorsanız kullanışlıdır. Yalnızca Adobe kütüphanesi arasında arama yapar.

Kiril alfabesi desteğini nasıl kontrol edersiniz?

Güzel bir Latin alfabesi yazı tipi bulmak kolaydır, ancak Rusça projeler için Kiril alfabesinin varlığı kritik öneme sahiptir.

1. Bulunan yazı tipinin adını kopyalayın.
2. Toplayıcı sitelerde (Google Fonts, MyFonts, Fontspring) yazı tipinin sayfasını açın.
3. Languages (Diller) veya Character Set (Karakter Kümesi) bölümünde «Cyrillic» veya «Russian» yanındaki onay kutusunu kontrol edin.
4. Böyle bir bilgi yoksa, metin önizleme alanını bulun ve şu cümleyi girin: «Съешь ещё этих мягких французских булок, да выпей чаю». Tüm harfler doğru şekilde görüntüleniyorsa, Kiril alfabesi desteği vardır.

Arama sırasında yapılan yaygın hatalar

• Tek bir harfle arama yapmak. Algoritmalar, kelime bağlamındaki oranları ve tırnakları karşılaştırır. Tek bir «А» harfi yüzlerce farklı yazı tipine uyabilir.
• Kalınlığı göz ardı etmek. Kalın (Bold) ve normal (Regular) yazı tipleri, hizmet tarafından farklı aileler olarak algılanabilir. Normal kalınlıktaki metinle arama yapmaya çalışın.
• Yazı tipi ile aile arasındaki karışıklık. Helvetica bir ailedir (yazı tipi ailesi), Helvetica Bold ise belirli bir yazı tipidir (kalınlık). Arama yaparken her iki parametreye de dikkat edin.

SSS

Mobil uygulamada yazı tipini öğrenebilir miyim? Doğrudan hayır. Uygulama ekranının ekran görüntüsünü alın ve görsel arama yöntemlerini kullanın.

Hizmet 10 benzer seçenek sunduysa ne yapmalı? Karakteristik öğeleri karşılaştırın: g harfinin alt döngüsünün şekli, R harfinde «kuyruk» olup olmaması, 1 rakamının şekli (tırnaklı mı tırnaksız mı). Farklılıklar genellikle bu detaylarda gizlidir.

Yazı tipinin ücretsiz olup olmadığını nasıl anlarım? Yazı tipi Google Fonts veya Font Squirrel üzerinde bulunduysa, büyük olasılıkla ücretsizdir (Açık Kaynak). MyFonts veya Linotype üzerinde bulunuyorsa, lisansı kontrol edin. Genellikle ücretli yazı tiplerinin benzer ada sahip ücretsiz alternatifleri vardır (örneğin Helvetica yerine Arial).