Herhangi Bir Websitesinde Kullanılan Yazı Tipini Öğrenmek

Yazar:

İnternet kodlaması yaparken binlerce yazı fontu arasından hoşunuza gideni bulmak çoğu zaman size zaman kaybı yaşatabilir. Peki ya bilinen büyük sitelerde gördüğünüz ve hoşunuza giden yazı fontlarını kendi blogunuzda veya sitenizde de görmek isterseniz o yazı fontunu nasıl öğrenebiliriz?

Bu hizmeti veren çeşitli oline siteler var mıdır bilmiyorum ama tarayıcı eklentileri sayesinde istediğiniz herhangi bir sitenin yazı tipini bulmak oldukça kolay. Bunun için 2 eklenti önereceğim sizlere bunlardan bir tanesi What Font eklentisi diğer ise Context Font eklentisidir. Eklenti kelimesi daha çok Mozilla Firefox kullanıcılarının bildiği bir ifadedir. Eklenti dediğim şey aslında Google Chrome'daki uzantı ile aynı şeydir.


  • What Font eklentisi Google Chrome ile çalışan bir uzantıdır.
  • Context Font ise Mozilla Firefox tarayıcısı ile çalışan bir yazı tipi bulma eklentisidir.

Bu eklentiler sadece yazı tipinin ne olduğunu bulmakla kalmayıp aynı zamanda yazının boyutu ve içerikteki yazıların satır aralıklarının ne kadar ve yazının hex color kodu hakkında da bilgi vermektedirler. 

Google Chrome kullanıcısıysanız buraya tıklayarak What Font uzantısını tarayıcınıza kurabilirsiniz.

Mozilla Firefox kullanıcısıysanız, buraya tıklayarak Context Font eklentisini Firefox tarayıcına kurabilirsiniz.

What Font Uzantısının Kullanımı



Oldukça basit bir kullanıma sahip olan What Font eklentisini kurduğunuz zaman eklenti simgesi tarayıcınızın sağ üst köşesine gelecektir. Simgeye tıkladıktan sonra istediğiniz bir yazı tipi üzerine tıklayarak o yazı tipine ait bilgilere ulaşabilirsiniz. Eklenti açık olduğu sürece hiçbir şeye tıklanamamaktadır. Bu sebeple işiniz bittiği zaman, uzantıya ait simgenin hemen alt kısmından Exit What Font yaparak uzantıdan çıkış yapmanız gerekmektedir. Aşağıdaki videoyu izleyerek ne demek istediğimi daha iyi anlayabilirsiniz.




Context Font Eklentisinin Kullanımı 


What Font'a göre daha basit ve daha pratik. What Font'a göre tek dezavantajı ise yazı kopyalama yasağı olan sitelerde veya işaretlenmesi zor olan yazılarda etkisiz kalabilir. Context Font, yazı tipinin hangi renk ile kodlandığını yani hex color kodunu What Font eklentisinde olduğu gibi göstermemektedir. Tabii bunlar da dikkate alınmayacak kadar çok ufak tefek dezavantajlardır. Bunun dışında Mozilla Firefox kullanıcıları için çok iyi bir yazı tipi öğrenme eklentisidir diyebilirim. Ben de bir Mozilla Firefox kullanıcı olarak bu eklentiyi daha çok kullanacağım sanırım. Context Font'un yetersiz kaldığı durumlarda da What Font'a başvruruz artık. Bu eklenti tipi için de sizlere basit bir video hazırladım. Buyrun izleyin.





Hey!

Blogkafem'de okuduğunuz içeriklerle ilgili kişisel Twitter hesabım üzerinden benimle iletişme geçmek isterseniz Twitter adresim : www.twitter.com/aliarslan10

Sosyal medya hesabım dışında Blogkafem'de okumuş olduğun içerik ile ilgili belirtmek istediklerinizi aşağıdaki yorum formuna yazabilirsin. En kısa sürede dönüş yapacağımdan emin olabilirsin. :)

Okuduğunuz içerik faydalı olduysa #blogkafem etiketiyle okuduğunuz içeriğin linkini Twitter'da paylaşarak Blogkafem'e destek olabilirsiniz.

3 yorum:

  1. Konu için teşekkür ederim güzel anlatım olmuş işime yaradı.

    YanıtlaSil
  2. cok guzel cok yararli oldu
    thanks
    Rapor Nasıl Hazırlanıyor?

    YanıtlaSil
Yorum Sayfası :



Yorum yaparken dikkat edilmesi gerekenler;

1. Yorum Formunu doldurduktan sonra Profil Seç -> ADI/URL bölümünden isminizi yazıp yorum yaparsanız size karşı bir hitap şeklimiz olur. (URL kısmını boş bırakabilirsiniz.)

2. Anonim olarak yaptığınız yorumlar "Adsız" olarak gözükmektedir.

3. Türkçe yazım ve dilbilgisi kurallarına uymaya özen gösteriniz.

4. Küfür,hakaret,mail adresi veya konu ile ilgisi olmayan reklam amaçlı website adresi içeren yorumlar yayınlanmamaktadır.

Custom Search

Kafemizde En Son Kim, Ne Demiş?

Kafeyi Dikizleyenler :)

Blog Istatistik

BLOGKAFEM.NET

© Copyright 2008-2016
Sitedeki yazıların her hakkı BLOGKAFEM.NET sitesine aittir.
Kopyalanması halinde lütfen kaynak gösteriniz.
DMCA.com Protection Status
Anasayfa | Hakkımızda | Bizden | Reklam | İletişim