Cara Periksa Ukuran Font & Wajah di Situs Web

Entah Anda menyukai desain atau seperti tampilan situs web tertentu, mengetahui jenis font dan ukuran apa itu dapat membantu Anda meniru atau menggunakannya di situs web Anda sendiri. Ada beberapa cara untuk mencapai ini dan saya akan menunjukkan beberapa dari mereka di sini. Jadi jika Anda ingin memeriksa jenis dan ukuran font di situs web, baca terus!

Dengan jutaan font di luar sana, menemukan yang sempurna dapat memakan waktu lebih lama dari seharusnya. Ketika Anda melakukan spot yang bagus, Anda perlu mencari tahu apa yang ada di sana dan kemudian sebaliknya Anda bisa kehilangannya untuk selamanya. Jika ini sangat bagus, Anda dapat menggunakannya di situs web Anda sendiri, sebagai font Office atau di dalam Windows tergantung pada jenis fontnya.

Periksa jenis dan ukuran font di situs web

Ada beberapa cara untuk memeriksa jenis dan ukuran font di situs web apa pun. Metode termudah menggunakan browser itu sendiri sementara yang lain menggunakan alat pihak ketiga untuk mengidentifikasi aset halaman. Saya akan membahas kedua jenis. Pertama dari dalam browser.

  1. Klik kanan pada halaman yang Anda suka tampilan dan pilih Inspect Element (Firefox), Inspect (Chrome), atau F12 Developer Tools (Edge).
  2. Pilih Inspector (Firefox) di jendela bawah baru dan gulir ke bawah di sebelah kanan sampai Anda mencapai Font. Ini harus menunjukkan keluarga font, font khusus yang digunakan, ukurannya, warna dan apa pun yang didefinisikan halaman.

CMS yang berbeda dan desain web yang berbeda menampilkan informasi font mereka dalam berbagai cara. Coba metode ini pada beberapa halaman web dan Anda mungkin akan melihat beberapa cara font yang berbeda didefinisikan.

Alat pihak ketiga untuk mengidentifikasi jenis dan ukuran font

Ada beberapa add-on pihak ketiga yang berfungsi baik sebagai plugin atau bookmarklet dan dapat mengidentifikasi jenis huruf. Mereka bekerja dengan sebagian besar browser termasuk Safari sehingga Anda harus menemukan sesuatu yang dapat Anda kerjakan.

Pembakar

Firebug digunakan untuk menjadi alat debugging khusus Firefox untuk pengembang. Ini menjadi sangat populer sehingga sekarang agnostik dan akan bekerja dengan sebagian besar browser. Ini adalah alat yang sangat kuat yang dapat memeriksa setiap elemen dari halaman web, termasuk font.

Cukup instal addon, sorot beberapa teks di halaman, klik tab HTML di dalam firebug dan kemudian Dihitung di sebelah kanan. Firebug kemudian harus menyorot nama font, font family, ukuran, berat dan semua yang perlu Anda ketahui.

WhatFont

WhatFont adalah bookmarklet yang dapat mengidentifikasi font di halaman web. Seret bookmarklet ke bilah bookmark Anda dan gunakan untuk mengidentifikasi hampir semua halaman, di mana saja. Arahkan ke halaman web yang Anda suka, klik pada bookmarklet dan arahkan kursor ke font yang ingin Anda identifikasi. Kotak kecil yang rapi muncul di atasnya memberitahu Anda font.

Sekali lagi, tergantung pada bagaimana CMS dikonfigurasi atau halaman dirancang, ini akan menjadi identifikasi huruf sederhana atau kotak penuh yang memberi Anda ukuran, warna, berat dan sebagainya.

Ada banyak addlet tipe bookmarklet yang dapat mengidentifikasi font, WhatFont hanyalah salah satunya. Apakah Anda menggunakannya? Beri tahu kami di bawah ini.

Lihat Juga