Skip to content Skip to sidebar Skip to footer

Cara Mengetahui Font Yang Dipakai Di Halaman Sebuah Website

Assalamualaikum. Pernahkah kalian penasaran dan ingin tau jenis font apa yang digunakan di website yang sedang kalian kunjungi. Biasanya sih kalian para web designer / frontend programmer yang suka kepo ketika melihat font yang cukup menarik. Sekedar ingin tau, atau memang ingin menggunakan font yang sama, terkadang kalian pasti pernah merasa bingung dan bertanya-tanya tentang nama font yang kalian temukan.

Nah, kali ini saya akan share sedikit tutorial tentang bagaimana cara mengetahui jenis font yang dipakai di halaman sebuah website. Semoga dengan adanya tutorial ini dapat mempercepat workflow design/ project kalian. Caranya gampang sekali, kalian cukup menginstall sebuah extensions di google chrome bernama Fonts Ninja.

Fonts Ninja

Cara mengetahui font yang dipakai sebuah halaman website
Cara mengetahui font yang dipakai sebuah halaman website

Jadi fungsi utama dari fonts ninja ini adalah untuk mengidentifikasi jenis fonts yang digunakan di website apapun yang kalian kunjungi. Berikut beberapa fitur yang dmiliki oleh extensions ini :

Font DNA

Algoritma dari fonts ninja menganalisa file font untuk mendapatkan hasil yang lebih akurat. Mendeteksi text yang terdapat di sebuah halaman website lalu mendapatkan nama font beserta CSS properties yang dimilikinya. Halaman utana dari extensions ini juga menampilkan laporan dari semua font yang digunakan di website tersebut. Kecepatan proses selalu ditingkatkan untuk pengalaman pengguna yang lebih baik.

Font Details

Kalian bisa mendapatkan informasi lebih mendetail tentang fonts seperti : mengecek berapa styles yang dimiliki oleh font tersebut, pembuat, serta harga.

Font Bookmarks

Kalian bisa melakukan bookmark fonts dan memanagenya dengan mudah melalui extension ini.

Trial Fonts (Premium)

Terdapat juga fitur premium dengan free trial untuk pengguna Windows maupun MacOS. Untuk lebih lengkapnya silahkan kunjungi link berikut ini.

Cara Install Fonts Ninja

Untuk bisa menggunakan fonts ninja caranya gampang, hanya beberapa langkah saja :

  1. Buka Chrome Web store , bisa juga melalui link ini : https://chrome.google.com/webstore/category/extensions?hl=en-US
  2. Lakukan pencarian dengan memasukkan kata kunci fonts ninja
  3. Install
  4. Untuk menggunakannya juga cukup mudah, kalian cukup melakukan klik pada icon fonts ninja yang terdapat pada bagian kanan atas browser. Setelah diklik akan muncul informasi mengenai font yang digunakan di website yang sedang kalian kunjungi.

Oke, cukup sekian tutorial kali ini mengenai cara mudah mengetahu jenis font yang dipakai sebuah halaman website. Semoga bermanfaat!