Bir Web Sitesinin Hangi Yazı Tipini (Fontu) Kullandığı Nasıl Bulunur?

0

İç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.

google chrome incele paneli

 

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.

chrome incele paneli

 

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.

chrome computed sekmesi

 

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.

İLGİNİZİ ÇEKEBİLİR :  Bing News Başvurusu Nasıl Yapılır? | Tüm Detaylar

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?

CSS Peeper eklentisinin kurulumu

 

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.

CSS Peeper eklenti penceresi ile yazı tipi font bulma

 

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.

windows ekran alıntısı aracı kullanımı

 

2. Ardından kaydettiğimiz görseli; resimden font bulma alanında en iyi site olan; WhatTheFont sitesine yüklüyoruz.

WhatTheFont sitesine resim yükleme

 

3. Görüntü seçim aracını kullanarak, yazı tipini bulmak istediğimiz alanı belirleyip, ok işaretine tıklıyoruz.

WhatTheFont resimi seçme

 

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.

WhatTheFont sonuç ekranı

 

 

BİR CEVAP YAZIN

E-posta hesabınız yayımlanmayacak.