Inspect Element Tool ve Tarayıcı Uzantılarını Kullanarak Bir Web Sayfasının Yazı Tipi Nasıl Bulunur?

Web sitenizin başarısı büyük ölçüde görünümüne bağlıdır. Doğru renk kombinasyonuna ve temaya sahip olmak, ziyaretçilerinizi sitenizde biraz daha uzun süre tutacaktır. Sitenizin renk paleti ve yapısına ek olarak seçtiğiniz yazı tipi de hedef kitlenizin ilgisini çekmede önemli bir rol oynar.

Belki de internette gezinirken çekici bir siteyle karşılaşıyorsunuz ve bu sitenin hangi yazı tiplerini kullandığını bilmek istiyorsunuz. Çevrimiçi uzantılar ve tarayıcınızın yerleşik Öğe İnceleme aracıyla, bir yazı tipini belirlemek hızlı ve kolaydır.

Bilmiyorsanız, tarayıcınızın yerleşik Inspect Element aracı, bir web sitesinin kaynak kodunu incelemenize olanak tanır. Bir sitenin tasarım öğelerini, onun CSS, HTML ve diğer bilgilerine bakarak anlayabilirsiniz. Kendi sitenizi tasarlarken ilham almanın harika bir yolu.

Öğeyi İncele aracını kullanarak bir yazı tipi belirleme işlemi oldukça basittir ve herhangi bir kodlama becerisine ihtiyacınız olmaz. Bu araç, piyasadaki tüm tarayıcılarda bulunur ve her birinin benzer bir düzeni vardır.

Tarayıcınızın İnceleme aracını kullanarak bir yazı tipini nasıl tanımlayacağınız aşağıda açıklanmıştır.

1. Kullanmak istediğiniz web sitesini açın.
2. Tanımlamak istediğiniz yazı tipine sahip metni vurgulayın ve sağ tıklayın.
3. Tıklamak incelemek bağlam menüsünden.
4. İncele menüsü açıldığında, Hesaplanmış.
5. bulmak için aşağı kaydırın Font ailesi Bölüm. Burada yazı tipi adını ve stilini ve boyutlarını bulabilirsiniz.

İnceleme aracını kullanarak bir sitenin yazı tipini bulmanın daha hızlı bir yolunu istiyorsanız, bunun yerine şunu deneyin:

1. Kullanmak istediğiniz web sitesini açın.
2. Basın Ctrl + Üst Karakter + C (Komut + Üst Karakter + C Mac'te).
3. Yazı tipi stilini, boyutunu, renk kodunu ve kenar boşluğunu görüntülemek için metnin üzerine gelin.

Denetleme aracını kullanarak bir web sayfasında kullanılan yazı tiplerinin listesini de kontrol edebilirsiniz. Bunu nasıl yapacağınız aşağıda açıklanmıştır:

1. Web sayfasına gidin.
2. tuşuna basarak kaynak kodunu açın. Ctrl + Üst Karakter + I (Komut + Üst Karakter + I Mac'te).
3. Tıkla Ağ sekmesini seçin ve ardından Yazı tipi sekme.
4. Burada, web sayfasında kullanılan tüm yazı tiplerinin bir listesini göreceksiniz.

Tüm yazı tiplerinin listesini gerçek zamanlı olarak almak için web sayfasını yenilemeniz gerekebilir.

İlişkili: Firefox'ta Yazı Tipi Boyutu Nasıl Artırılır veya Azaltılır

Tarayıcı Uzantılarını Kullanarak Yazı Tiplerini Tanımlama

Bir yazı tipini tanımlamanın daha uygun bir yolunu istiyorsanız, bir yazı tipi bulan tarayıcı uzantısı yüklemek isteyebilirsiniz. Web'deki yazı tiplerini algılamaya yardımcı olabilecek birkaç tarayıcı uzantısı olsa da, en popüler ikisi şunlardır: Yazı Tipi ve Yazı Tipi Bulucu.

Her iki uzantıyı kullanarak yazı tiplerini tanımlama sürecine bir göz atalım.

1. Yazı Tipi

WhatFont, aynı anda birden çok yazı tipini hızlı bir şekilde algılamak için yaygın olarak popülerdir. Bu aracı nasıl kullanacağınız aşağıda açıklanmıştır.

1. Tarayıcınızda WhatFont etkinleştirildiğinde, yazı tipini göstermek için metnin üzerine gelin.
2. Metne tıkladığınızda, yazı tipi boyutu, rengi ve stili gibi yazı tipi ayrıntılarının geri kalanıyla birlikte bir açılır pencere görünecektir.
3. Ek olarak, aynı sayfadaki farklı yazı tiplerini karşılaştırmak için aynı anda birden çok metin bölümü seçebilirsiniz.

İndir: WhatFont for Krom | Firefox | Safari (Bedava)

2. Yazı Tipi Bulucu

Yazı Tipi Bulucu, bir web sitesindeki herhangi bir metnin üzerine geldiğinizde yazı tipi ayrıntılarını da görüntüler. Ancak, birçok teknik ayrıntı sağlar, bu nedenle web tasarımına aşina değilseniz biraz kafa karıştırıcı olabilir.

Bununla birlikte, Font Finder, mevcut yazı tiplerini gerçek zamanlı olarak yenileriyle değiştirmek isteyen web geliştiricileri için daha uygundur. Bu, herhangi bir kalıcı değişiklik yapmadan önce yazı tiplerini test etmeyi kolaylaştırır.

Font Finder'ı kullanarak bir fontu nasıl test edeceğiniz aşağıda açıklanmıştır:

1. Web sayfasındaki metnin bir bölümünü vurgulayın.
2. Üzerine sağ tıklayın ve seçin Yazı Tipi Bulucu bağlam menüsünden.
3. Seç Yazı tipini şununla değiştir: ve yazı tipi adını girin. ekleyelim kalibre ve önizlemede yazı tipini nasıl değiştirdiğini görün.
4. Yazı tipini sıfırlamak istiyorsanız sayfayı yenileyin.

İndir: FontFinder için Krom | kenar | Firefox (Bedava)

Bir Görüntüdeki Yazı Tipini Kontrol Etmeye Ne Dersiniz?

Bir görüntüdeki yazı tiplerini belirlemek istiyorsanız, tarayıcı uzantıları ve tarayıcınızın İnceleme aracı yardımcı olmayabilir. Ancak, aşağıdaki gibi çevrimiçi görüntü denetçisi araçlarını deneyebilirsiniz: WhatFontIs, Yazı TipiSquirrel, Yazı tipi yayı, Yazı tipi ne, Ve bircok digerleri.

Bir görüntüden bir yazı tipi belirleme süreci, tüm araçlarda büyük ölçüde aynıdır. WhatTheFont kullanarak bir görüntüdeki yazı tipini belirlemeye çalışalım.

1. Henüz yapmadıysanız, kullanmak istediğiniz resmi indirin.
2. Görüntüyü içe aktar Yazı tipi ne.
3. WhatTheFont, resminizdeki metni otomatik olarak algılar. Kırpma kutusunu, tanımlamak istediğiniz yazı tipini çevreleyecek şekilde küçültün veya büyütün. I vur ok düğmesi Bittiğinde.
4. WhatTheFont daha sonra resimdeki yazı tipini galerisindeki yazı tipleriyle eşleştirecek ve size yakından ilişkili yazı tiplerini gösterecektir.
5. Hemen iyi bir eşleşme bulamazsanız, tıklamaya devam edebilirsiniz. Daha fazla sonuç göster Daha fazla ilgili yazı tipini görmek için

İlişkili: Çevrimiçi Ücretsiz Yazı Tipleri için En İyi Ücretsiz Yazı Tipi Web Siteleri

Web'den Yazı Tiplerini Algılayın ve Tasarımlarınızda Kullanın

Yazı tipleri, bir web sitesinin veya grafik tasarımın başarısında önemli bir rol oynar. Web'de gezinirken ilgi çekici bir yazı tipine rastlarsanız, yukarıdaki yöntemleri kullanarak bunu kolayca tespit edebilirsiniz.

WhatTheFont ve Resimlerden Font Bulmak için 4 Alternatif

Resimlerden yazı tipi bulmak ister misiniz? WhatTheFont ve çeşitli alternatifler dahil, bunu sizin için yapabilecek çevrimiçi araçlar var.

Sonrakini Oku

Yazar hakkında