İçeriklerde kullanılan kaliteli fontlar; kullanıcı deneyimini (UX) arttırarak, ziyaretçinin içeriğe daha iyi odaklanmasını sağlar ve sitede geçirilen zamanı arttırır. Bu nedenle her site sahibi, sitesinde kaliteli font kullanmak ister.
Herhangi bir web sitesinde kullanılan yazı tipini (fontu) bulmak için kullanabileceğiniz 3 farklı yöntem var. Bu içeriğimde sizlere; web sitesinde font bulmak için kullanılan bu 3 temel yöntemin hangileri olduğunu ve herhangi bir web sitesinde gördüğünüz yazı tipinin adını, adım adım nasıl bulabileceğinizi anlatacağım.
Sitede Kullanılan Fontu Bulmak
Aşağıdaki 3 yöntemden dilediğiniz herhangi biri yardımıyla, internet sitesinde hangi fontun kullanıldığını öğrenebilirsiniz.
Yöntem 1 : Tarayıcının İncele Seçeneğini Kullanarak Yazı Tipini Bulma
Web sitesinde kullanılan yazı tipinin bulmanın en kolay yolu; internet tarayıcınızın İncele (Inspect) seçeneğini kullanmaktır. Aşağıdaki anlatımda Google Chorme web tarayıcısının İncele özelliğini kullanmış olsam da, izlenen yol diğer tüm tarayıcılar içinde aynıdır.
Sitede kullanılan yazı tipini bulmak için aşağıdaki adımları izleyin.
1. Yazı tipini bulmak istediğiniz web sitesini açın ve sağ tıklayın. Açılan seçeneklerden; İncele‘ye tıklayın.
2. Ekranın sağ tarafında bir panelin açıldığını göreceksiniz. Bu kısımdan, yazı tipini bulmak istediğiniz kısmı arayın.
<p> paragrafları <h> ise başlıkları ifade eder.
İlgili paragraf (p) yada başlık (h) seçildiğinde, sayfada vurgulanacaktır.
3. Computed kısmına tıklayın. Aradığınız yazı tipi; font-family ifadesinde gösterilecek. Aynı şekilde; yazı tipinin büyüklüğü font-size kısmında ve yazı rengi color kısmında gösterilecektir.
Yöntem 2 : Tarayıcı Eklentisi Kullanarak Yazı Tipini Bulma
İlk yöntemde anlatılanlar biraz karışık gelmiş olabilir. Sitede kullanılan fontun adını bulmak için, bu yöntem size daha kullanışlı gelebilir. Bu yöntemde; yazı tipini tarayıcı eklentisi yardımıyla nasıl bulabileceğinizi anlatacağım.
Herhangi bir İnternet sitesinde kullanılan yazı tipini belirlemek için bir çok farklı eklenti olsa da, aşağıdaki eklentiler en başarılı olanlarıdır.
- CSS Peeper – Sadece Google Chrome ile çalışır.
- Fontanello – Chrome ve Mozilla Firefox için kullanılabilir.
- WhatFont – Chrome, Firefox, Edge ve Safari için kullanılabilir.
Sayılan üç eklentide temel olarak aynı işlemleri yapar. Örnek olması açısından, CSS Peeper eklentisini kullanacağım.
1. Eklentiyi yukarıdaki link yardımı ile kurup, aktifleştiriyoruz. Daha önce Chrome tarayıcısına eklenti kurmamışsanız, yardım almak için bu içeriğimizi inceleyebilirsiniz : Google Chrome Uzantı Ekleme ve Kaldırma Nasıl Yapılır?
2. Eklenti yüklendikten sonra; yazı tipini bulmak istediğimiz web sitesini açıyoruz. Sağ üst kısımdan eklentini simgesine tıklıyoruz. Yine sağ tarafta, sitenin CSS bilgilerinin sunulduğu küçük bir pencere açılacak. Kullanılan yazı tipini öğrenmek istediğimiz paragraf veya yazı başlığına tıklıyoruz. Yazı tipi hakkında tüm detaylar gösterilecek.
Yazı tipi bilgisini aldıktan sonra, eklenti simgesine tekrar tıklayarak pencereyi kapatabiliriz.
Yöntem 3 : Resimdeki Yazı Tipini Bulma
Site logosunda veya site içerisindeki görsellerde kullanılan fontu bulmak isteyebilirsiniz. Veya, yazı tipini bulmak istediğiniz sitede; sağ tıklama engelleme, CSS gizleme gibi ek güvenlik önlemleri alınmış olabilir. Aşağıda anlatacağım yöntemi, bu tarz problemlerin çözümünde kullanabilirsiniz.
1. Yazı tipini bulmak istediğimiz görseli, Windows Ekran Alıntısı Aracı veya farklı bir araç kullanarak kaydediyoruz.
2. Ardından kaydettiğimiz görseli; resimden font bulma alanında en iyi site olan; WhatTheFont sitesine yüklüyoruz.
3. Görüntü seçim aracını kullanarak, yazı tipini bulmak istediğimiz alanı belirleyip, ok işaretine tıklıyoruz.
4. Bir dizi analizin ardından, yüklediğiniz yazı tipine benzer yazı tipleri listelenecek. Her kesin sonucu vermese de, görselden yazı tipi bulmak için harika bir yol.
