Bir Web Sitesinin Hangi Yazı Tipini Kullandığını Nasıl Görebilirsiniz?

Bir web sitesinde bir yazı tipi ile tamamen çekildiyseniz, kendi içeriğinizde kullanabilmek için ne dendiğini nasıl keşfedeceğinizi merak etmiş olabilirsiniz. Kaliteli tipografi, ziyaretçilerinizin okuma deneyimlerini iyileştirebilir, bu nedenle onu bulmak için çaba sarf etmeye değer olabilir. Bir web sitesinde hangi yazı tipinin kullanıldığını kontrol etme nedeniniz ne olursa olsun, yardımcı olabilecek birçok araç vardır.

Bu makalede, bir web sitesinin hangi yazı tipini kullandığını neden görmek isteyebileceğinizi tartışacağız. Bunu nasıl yapacağınızı da göstereceğiz.

Başlayalım!

Youtube Kanalımıza Abone Olun

Bir Web Sitesinin Hangi Yazı Tipini Kullandığını Neden Kontrol Etmek İsteyebilirsiniz?

Daha önce de belirttiğimiz gibi, güzel ve okunabilir yazı tipleri sitenizin Kullanıcı Deneyimini (UX) ve okunabilirliğini iyileştirebilir. Ayrıca, ziyaretçilerin içeriğinizi deşifre etmeye uğraşmadan rahatça etkileşime girmelerini sağlar. Metniniz şık ancak okunaksız ise, okuyucular materyalinizi anlamakta veya takdir etmekte zorlanacaklar.

Harekete Geçirici Mesaj (CTA) düğmeleri, metinleri okunamıyorsa tamamen işe yaramaz hale gelebilir. Bu nedenle hem şık hem de okunaklı olduğu için dikkatinizi çeken yazı tiplerinin bir listesini tutmanız işinize yarayabilir. Daha sonra bunları sitenizde veya gelecekte bir müşteri için kullanabilirsiniz.

Bir Web Sitesinin Hangi Yazı Tipini Kullandığını Görme (3 Mevcut Yöntem)

Bir web sitesinin hangi yazı tipini kullandığını kontrol etmek için kullanabileceğiniz birden fazla yöntem vardır. Tarayıcınızın inceleme özelliği mükemmel bir çözümdür, ancak eşdeğer efektler üretebilecek uzantılar vardır. Çevrimiçi araçları kullanarak resimlerdeki yazı tiplerini bile bulabilirsiniz. Bu seçeneklerin her birine bir göz atalım.

1. Tarayıcı Denetçi Aracını Kullanarak Yazı Tiplerini Tanımlayın

Bir web sitesinin hangi yazı tipini kullandığını kontrol etmenin en kolay yollarından biri, tarayıcınızın denetçi aracıdır. Bu örnekte Chrome Inspector ile çalışacak olsak da, diğer tarayıcıların eşdeğer özelliklere sahip olduğunu belirtmekte fayda var.

İlk olarak, bulmak istediğiniz yazı tipini içeren web sayfasına sağ tıklayın. Ortaya çıkan menüden İncele'yi seçin :

Bir klavye kısayolu kullanmayı tercih ediyorsanız, Windows veya Linux için Ctrl+Shift+I'yi deneyin. Mac kullanıyorsanız, eşdeğeri Cmd+Shift+I'dir.

Ekranın sağ tarafındaki pencerede, kontrol etmek istediğiniz yazı tipini kullanarak metni arayın. İlgili HTML öğesini seçtiğinizde vurgulanacaktır:

Ardından, Hesaplanan sekmesine tıklayın ve “font-family” arayın:

Burada listelenen yazı tipinin adını ve stilini görmelisiniz.

Yazı tipiyle ilgili CSS'yi görmek için Stiller sekmesine bakın. Yazı tipiyle ilgili değerleri aramak için ilerleyebilirsiniz. Ancak burada geçersiz kılmalar ve alakasız stil kuralları olabileceğinden, Hesaplanan sekmesi genellikle daha yararlıdır.

2. Bir Tarayıcı Uzantısı Üzerinden Yazı Tiplerini Bulun

Tarayıcı uzantıları, özellikle Müfettiş'ten memnun değilseniz, bir web sitesinde yazı tipi ayrıntılarını bulmak için daha kolay bir yol sağlayabilir. Ayrıca, elinizdeki işe geri dönebilmeniz için genellikle aradığınız yanıtı daha hızlı verebilirler.

Bu tür eklentilerden bazıları şunlardır:

• Fontanello: Kullanımı ücretsiz olan bu uzantı, göz atarken yazı tipinin adını, ağırlığını, stilini ve daha fazlasını vurgulayarak ve üzerine sağ tıklayarak bulmanızı sağlar.
• WhatFont: Yazı tipi algılamayı daha da kolaylaştıran WhatFont, bir yazı tipinin adını yalnızca üzerine getirerek görüntülemenizi sağlar.
• CSS Peeper: Web tasarımcıları düşünülerek yapılan bu uzantı biraz daha sağlamdır ve size web sayfasının CSS kodundan ek ayrıntılar söyleyebilir.

Ancak, bu uzantıların her biri çeşitli tarayıcı desteğine sahiptir. WhatFont, Firefox, Chrome, Safari ve Internet Explorer için kullanılabilir. Fontanello ise yalnızca Firefox ve Chrome için kullanılabilir. CSS Peeper, başka hiçbir platformla kullanamayacağınız Chrome'a ​​özgü bir araçtır.

Belirli bir yazı tipinin adını hızlı bir şekilde bulmak amacıyla WhatFont, kullanımı en kolay seçenektir. Çoğu tarayıcıyı da desteklediğinden, hızlı bir tanıtım için kullanacağız.

WhatFont'u yükledikten sonra, bir web sitesinin hangi yazı tipini kullandığını tarayıcınızın araç çubuğunda etkinleştirerek ve bir metnin üzerine gelerek kontrol edebilirsiniz:

Metnin üzerine ilk geldiğinizde, yalnızca yazı tipinin adını görürsünüz. Ancak, isme tıklamak size boyut, ağırlık, renk ve çizgi yüksekliği gibi daha fazla ayrıntı içeren genişletilmiş bir açılır pencere gösterecektir. Typekit veya Google Fonts aracılığıyla bir yazı tipinin mevcut olup olmadığını da belirleyebilir.

Yazı tipi ayrıntılarını kontrol etmeyi bitirdikten sonra, tarayıcı pencerenizin sağ üst köşesindeki WhatFont'tan Çık düğmesini kullanarak araçtan çıkabilirsiniz .

3. Görüntülerdeki Yazı Tiplerini Algıla

Son olarak, resimlerde kullanılan yazı tiplerini de görüntülemeyi deneyebilirsiniz. Bu, logolarda veya bilgi grafiklerinde gördüğünüz yazı tiplerini içerir. Yazı tipi algılayıcılarla ilgili deneyimimize göre WhatTheFont bu iş için en etkili çevrimiçi araçtır.

WhatTheFont'u kullanmak için, söz konusu resmi yüklemeniz ve ilgili yazı tipine sahip bölümü seçmeniz gerekir:

Daha sonra, tam olarak eşleşmese de, tanımlamaya çalıştığınız yazı tipine benzeyen birkaç yazı tipine sahip bir sonuç sayfası döndürür:

Buradaki başarı oranınız yazı tipinin kaynağına ve popülerliğine göre değişebilir. Yazı tipinin tam adı sizin için çok önemliyse, size istediğinizi verecek bir araç bulmak zor olabilir.

Ancak, bir görüntüde bulduğunuza benzer bir yazı tipi kullanmaya açıksanız, çevrimiçi bir dedektör ihtiyaçlarınızı gayet iyi karşılamalıdır.

Çözüm

Görsel olarak çekici ve okunaklı yazı tipleri, web sitenizin ziyaretçileri için okuma deneyimini iyileştirebilir. Bu, sitenizde veya müşterileriniz için kullanabileceğiniz yeni yazı tiplerini aramaya devam etmenizi isteyebilir. Bir web sitesinin hangi yazı tipini kullandığını kontrol etme nedeniniz ne olursa olsun, size yardımcı olabilecek birçok araç vardır.

Bu yazıda, bir web sitesinin hangi yazı tipini kullandığını görmek için üç yöntemi tartıştık:

1. Tarayıcı denetçi aracınızı kullanarak yazı tiplerini tanımlayın.
2. WhatFont gibi bir tarayıcı uzantısı kullanarak yazı tiplerini bulun.
3. WhatTheFont kullanarak görüntülerdeki yazı tiplerini algılayın.

Bir web sitesinde hangi yazı tipinin kullanıldığını nasıl kontrol edeceğiniz hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde bize bildirin!

Resim rudall30 / Shutterstock.com tarafından