Recent Post

3 Cara Mengetahui Jenis Font Pada Website

Jenis Font Website - Terkadang saat kamu menjelajahi sebuah website pasti pernah menemukan tulisan dengan font yang menurutmu unik. Biasanya website yang menggunakan font unik tersebut bakal dijadikan referensi terutama bagi seorang graphic designer.


Peranan font ini juga sangat penting karna dapat menentukan apakah pembaca senang atau tidak dengan font yang kamu gunakan ketika membuat sebuah konten. Nah, masalahnya adalah tidak banyak yang tahu bagaimana cara melihat jenis font yang digunakan oleh suatu website.

cara mengetahui jenis font website

Padahal sebenarnya tanpa disadari kamu bisa cek font website dengan mudah. Tanpa memerlukan software khusus pastinya, salah satunya cukup menggunakan sebuah ekstensi pada google chrome kamu sudah bisa mengetahui jenis font yang dipakai oleh semua website.

Cara Cek Jenis Font Website Tanpa Aplikasi


Penasaran bagaimana cara melihat font website menggunakan ekstensi chrome dan cara lainnya? Yuk, simak pembahasannya pada artikel dibawah ini:


1. Menggunakan Ekstensi WhatFont


Cara pertama untuk mengetahui jenis font yang digunakan pada suatu website yaitu menggunakan ekstensi bernama Whatfont yang bisa kamu install di google chrome. Ini adalah salah satu ekstensi yang paling banyak digunakan dan sangat recommended.


Tidak hanya bagi seorang desainer saja, tapi juga dipakai oleh developer ataupun programmer. Ekstensi Whatfont memiliki kelebihan diantaranya dapat melihat jenis font, ukuran yang dipakai, style, hingga warnanya secara detail. Cara menggunakannya adalah sebagai berikut
  • Pertama buka browser google chrome lalu klik setelan
  • Jika sudah akan muncul jendela setelan disini kamu pilih ekstensi. Klik bagian kiri pada jendela ekstensi dan pilih buka chrome webstore
setelan ekstensi

ekstensi google chrome
  • Ketikkan kata 'whatfont' pilih ekstensi seperti gambar berikut
ekstensi whatfont
  • Jika sudah install ekstensinya dengan cara klik 'Tambahkan ke Chrome'. Tunggu hingga proses install selesai
  • Kemudian buka website yang ingin di caritahu fontnya dan klik ekstensi whatfont tadi. Lihat sekarang kamu sudah mengetahui apa font yang mereka gunakan
cara melihat jenis font website


2. Melalui Page Source


Selain melalui ekstensi chrome ada cara lainnya yaitu melalui sumber halaman atau page source. Sebenarnya cara ini biasa dilakukan oleh para developer ataupun programmer karna mereka terbiasa dengan bahasa pemrograman. Tapi bagi orang awam sekalipun tetap bisa kok, silahkan ikuti panduannya dibawah.
  • Buka website yang ingin kamu cari tahu fontnya menggunakan browser apapun (google chrome, microsoft edge, mozilla firefox, dan lain-lain)
  • Setelah itu klik kanan pilih page source atau sumber halaman. Untuk shortcut nya bisa tekan CTRL + U
  • Jika sudah kamu akan dibawa ke jendela baru yang penuh dengan kode pemrograman. Disini kamu tekan CTRL + F lalu ketikan 'post-body' yang berguna untuk mencari nama font
page source website

  • Pada umumnya nama font yang dipakai oleh suatu website berada di dalam 'post-body'. Mungkin saat kamu mencari akan terdapat beberapa jenis, jadi kamu coba saja satu per satu


3. Melalui Inspect Element


Hampir mirip seperti page source pada inspect elemen ini sedikit lebih cepat dan tidak terlalu sulit dalam mencari font. Berikut ini cara mencarinya.
  • Kunjungi website yang hendak kamu cari tahu fontnya
  • Blok tulisan atau kalimat pada website tersebut lalu klik kanan dan pilih 'inspect element'. Bisa juga dengan cara cepatnya tekan CTRL + SHIFT + I
  • Setelah itu jendela inspect element terbuka dan biasanya berada di sebelah kanan layar. Untuk melihat font yang digunakan pada kolom 'Styles' cari kata font. Jika sudah ketemu kamu akan melihat jenis font apa yang dipakai di website itu. Kalo kurang paham lihat gambar dibawah
inspect element website

Demikian tutorial bagaimana cara mengetahui jenis font yang digunakan pada suatu website untuk kamu pakai atau sekadar referensi saja. Semoga informasi ini bermanfaat ya guys, jangan lupa bagikan artikel ini ke temanmu.

Belum ada Komentar untuk "3 Cara Mengetahui Jenis Font Pada Website"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel