Web Sitesindeki Yazı Fontunu Bulma Yöntemleri Nelerdir?

Web tasarım işiyle uğraşıyorsanız, mutlaka yeniliklerin peşindesinizdir. Başka bir web sitesini gezerken yazı fontu, ikon, menü, footer gibi alanlar hoşunuza gidebilir. Girdiğiniz web sitesindeki yazı fontunu beğendiyseniz,  web sitesindeki yazı fontunu bulma yöntemlerini kullanarak yazı fontunu kendi web sitesine de yükleyebilirsiniz…Peki Web Sitesindeki Yazı Fontunu Bulma Yöntemleri Nelerdir?

 

İnternette dolaştığınız web siteleri farklı yazı fontlarına sahiptir. Genel olarak başlıklar için en çok Roboto, içerikteki tüm yazılar içinde Helvetica yazı fontu tercih edilir.

Birçok web sitesi aynı yazı fontlarını kullanır. Web tasarımcıysanız, istediğiniz her alan için farklı yazı fontları kullanabilirsiniz. Web sitelerindeki yazı fontlarını kodlamasına bakarak ya da eklenti kurarak bulabilirsiniz.

 

Yazı Fontunu Bulma

 

1-) Kodlama Kullanarak Web Sitesindeki Yazının Fontunu Bulma

İnternette dolaşırken web sitesindeki yazı fontunu beğendiniz ve bulmak istiyorsanız, kodlamasına bakarak bulabilirsiniz. Aşağıdaki adımları sırasıyla inceleyerek yazı fontunun adını öğrenebilirsiniz:

sayfanın üzerinde sağ tıklayıp inceleye basınız…

  • Web sitesinde içeriğin üzerine sağ tıklayıp, incele seçeneğine basın. Tarayıcılara göre farklılık gösterir. Örneğin, Opera tarayıcısı için ögeyi denetledir. 

  • Sayfanın sağ tarafında bir bölüm açılacaktır. Burada HTML ve CSS kodlarını rahatlıkla görebilirsiniz. Hangi kodların üzerine gelirseniz, ilgili alanlara ait bilgileri görüntüleyebilirsiniz.

  • Üst bölümde yer alan bilgiler HTML, alt bölümde yer alan bilgilerde CSS bölümüne aittir. Yazı fontunu bulmak için CSS bölümüne bakacağız.

Yazı Fontunu Bulma

 

CSS bölümünde styles bölümüne font ya da font family yazıp arayın. Karşınıza fontun adı çıkacaktır. İki farklı font görürseniz şaşırmayın. Birincisi web tasarımcı tarafından yüklenen fonttur. Tarayıcılar bu fontu desteklemezse, ikinci font tercih edilecektir.

 

 

2-) Eklenti Yükleyerek Web Sitesindeki Yazı Fontunu Bulma

Birinci yöntem kodlama ile ilgili olduğu için, teknik bilgiler ister. Kodlar iç içe biraz karışık olduğu için herkes yapamayabilir. Kullandığınız tarayıcıya eklenti yükleyerek, bir tıklamayla yazı fontunu bulabilirsiniz. Google Chrome tarayıcınıza What Font eklentisini kurmanızı öneriyoruz.

What Font eklentisini bu linkten indirebilirsiniz…

Yazı Fontunu Bulma

Google Chrome web mağazasına girerek What Font eklentisini indirip, kurun.

Yazı fontunu beğendiğiniz web sitesini açın.

Yazıyı seçip, üzerine geldiğinizde yazı fontunun adını öğrenebilirsiniz.

 

3-) Resim Yükleyerek Web Sitesindeki Yazı Fontunu Bulma

 

www.fontsquirrel.com/matcherator web sitesini açın.

Yazı Fontunu Bulma

Yazı fontunu beğendiğiniz web sitesinin fotoğrafını Print Screen ile çekin.

Upload image butonuna basarak, fotoğrafı yükleyin.

Site yüklediğiniz fotoğrafı analiz edip, görselden font bulma işlemini gerçekleştirebilirsiniz.

 

Web Siteleri İçin En Çok Kullanılan Yazı Fontları

  • Roboto
  • Open Sans
  • Lato
  • Montserrat
  • Bebas Neue
  • Noto Sans
  • Basic
  • Cabin
  • Cardo

Yazı Fontu İndirme Siteleri

 


Yorumlar

POPÜLER HABERLER