Web Sitesinde Kullanılan Fontu Bulma

Web sitelerinde kullanılan fontu bulmak oldukça kolaydır. Yazılım kodlarına bakılarak kullanılan fontu bulabilirsiniz. Bunun için yazılımcı olmanıza hiç gerek yok! Bu rehberde bir web sitesinin fontunu nasıl bulabileceğinizi göstereceğiz.

Web sitelerinde font bulmak için nereye baktığınız oldukça önemlidir. Her web sitesi her bir alan için farklı fontlarla çalışabilmektedir. Başlık için Roboto içerik yazı alanı için helvetica kullanabilir. Bütün web site genelinde de aynı fontu kullanabilir. Örneğin biz Donanım Plus’da her yere farklı font yapabiliyoruz. Yapmanız gereken doğru alana bakmaktır. Sonrasında ise aşağıda ki gibi adımlar uygulayarak bir web sitesinin fontunu kolaylıkla öğrenebilirsiniz.

Uğraşmak istemeyenlere ikinci yöntem önerimizdir.

Kodlamasına Bakarak Web Sitesi Fontu Bulma

Diyelim web sitesindeki bir başlık dikkatinizi çekti ve fontunun ismini öğrenmek istediniz. Bu durumda yapmanız gerekenler şunlardır:

Öncelikle beğendiğiniz alana sağ tıklayın.
İnceleye tıklayın. Opera kullanıyorsanız Öğeyi Denetle’de olabilir ismi.
Sağ tarafta bir alan açılacaktır. Burası web sitesinin HTML ve CSS kodlarını görebileceğiniz bir alan. Kodların üstüne geldiğiniz de ilgili alanları işaretleyecektir.
Açılan yukarıdaki alan HTML, aşağıdaki alan ise CSS bölümüdür. Fontu bulmak için CSS bölümüne bakmamız gerekir. Başlığın üstüne tıklayıp incele dememiz o alanı otomatik açacaktır. Tek yapmamız gereken CSS kodlarına bakmak.
Yukarıdaki resme daha yakından bakacak olursak, fontun ismini göreceksiniz.
CSS’de font family fontu belirtir. Yani bizim web sitesinde başlıklar için Roboto ve sans-serif kullanılmış. Burada Roboto ilk font, eğer tarayıcı roboto’yu desteklemezse sans-serif’de ikinci fonttur.

Burada püf nokta font-family kodunu bulmaktır.

Eklenti Kurarak Web Sitesi Fontu Bulma

Yukarıda ki yöntem biraz daha teknik olduğundan dolayı herkesim yapamayabilir. Bir diğer işe yarar yöntemlerden biriside tarayıcınıza eklenti kurmaktır. Bunun için bir çok eklenti var, bunlardan en işe yarayanı ise WhatFont ismindeki eklentidir. Eklentiyi kurduğunuzda hiç bir şey yapmanıza gerek yok. Sadece öğrenmek istediğiniz alanın üstüne fareniz ile gelin ve elenti size o alanın hangi fontu kullandığını söylesin.