Cara Menemukan Font Halaman Web Menggunakan Alat Elemen Inspeksi dan Ekstensi Browser

Keberhasilan situs web Anda sangat tergantung pada penampilannya. Memiliki kombinasi warna dan tema yang tepat akan membuat pengunjung Anda tetap berada di situs Anda lebih lama. Selain palet warna dan struktur situs Anda, font yang Anda pilih juga memainkan peran penting dalam menjaga keterlibatan audiens Anda.

Mungkin Anda menemukan situs yang menarik saat menjelajahi web, dan Anda ingin tahu font apa yang digunakannya. Dengan ekstensi online dan alat Elemen Inspeksi bawaan browser Anda, mengidentifikasi font dengan cepat dan mudah.

Jika Anda tidak tahu, alat Elemen Inspeksi bawaan browser Anda memungkinkan Anda untuk memeriksa kode sumber situs web. Anda dapat memahami elemen desain situs dengan melihat CSS, HTML, dan informasi lainnya. Ini adalah cara yang bagus untuk mendapatkan inspirasi saat mendesain situs Anda sendiri.

Proses mengidentifikasi font menggunakan alat Inspect Element cukup sederhana, dan Anda tidak memerlukan keahlian pengkodean apa pun. Alat ini tersedia di semua browser di pasaran, dan masing-masing memiliki tata letak yang serupa.

Berikut cara mengidentifikasi font menggunakan alat Inspeksi browser Anda.

1. Buka situs web yang ingin Anda gunakan.
2. Sorot teks yang memiliki font yang ingin Anda identifikasi, dan klik kanan.
3. Klik Memeriksa dari menu konteks.
4. Ketika menu Inspeksi terbuka, klik pada dihitung.
5. Gulir ke bawah untuk menemukan Font-Keluarga bagian. Di sini, Anda dapat menemukan nama dan gaya font, serta dimensinya.

Jika Anda ingin cara yang lebih cepat untuk menemukan font situs menggunakan alat Inspect, coba ini sebagai gantinya:

1. Buka situs web yang ingin Anda gunakan.
2. tekan Ctrl + Shift + C (Cmd + Shift + C di Mac).
3. Arahkan kursor ke teks untuk menampilkan gaya font, ukuran, kode warna, dan margin.

Anda juga dapat memeriksa daftar font yang digunakan pada halaman web menggunakan alat Inspect. Berikut cara melakukannya:

1. Buka halaman web.
2. Buka kode sumber dengan menekan Ctrl + Shift + I (Cmd + Shift + I di Mac).
3. Klik Jaringan tab, lalu pilih jenis huruf tab.
4. Di sini, Anda akan melihat daftar semua font yang digunakan di halaman web.

Untuk mendapatkan daftar semua font secara real-time, Anda mungkin harus me-refresh halaman web.

Terkait: Cara Menambah atau Mengurangi Ukuran Font di Firefox

Cara Mengidentifikasi Font Menggunakan Ekstensi Browser

Jika Anda menginginkan cara yang lebih mudah untuk mengidentifikasi font, Anda mungkin ingin menginstal ekstensi browser pencarian font. Meskipun ada beberapa ekstensi browser yang dapat membantu mendeteksi font di web, dua yang paling populer adalah ApaFont dan Penemu Font.

Mari kita lihat proses identifikasi font menggunakan kedua ekstensi.

1. ApaFont

WhatFont sangat populer untuk mendeteksi beberapa font sekaligus dengan cepat. Berikut cara menggunakan alat ini.

1. Saat WhatFont diaktifkan di browser Anda, arahkan kursor ke teks untuk menampilkan fontnya.
2. Setelah Anda mengklik teks, jendela sembulan akan muncul dengan detail font lainnya, seperti ukuran font, warna, dan gaya.
3. Selain itu, Anda dapat memilih beberapa bagian teks secara bersamaan untuk membandingkan font yang berbeda pada halaman yang sama.

Unduh: ApaFont untuk Chrome | Firefox | Safari (Gratis)

2. Penemu Font

Pencari Font juga menampilkan detail font saat Anda mengarahkan kursor ke teks apa pun di situs web. Namun, ini memberikan banyak detail teknis, sehingga bisa sedikit membingungkan jika Anda tidak terbiasa dengan desain web.

Konon, Font Finder lebih cocok untuk pengembang web yang ingin mengganti font yang sudah ada dengan yang baru secara real-time. Ini memudahkan untuk menguji font sebelum membuat perubahan permanen.

Berikut cara menguji font menggunakan Font Finder:

1. Sorot sebagian teks dari halaman web.
2. Klik kanan padanya dan pilih Penemu Font dari menu konteks.
3. Pilih Ganti font dengan dan masukkan nama font. Ayo tambahkan kalibrasi dan lihat bagaimana itu mengubah font di pratinjau.
4. Jika Anda ingin mengatur ulang font, segarkan halaman.

Unduh: Pencari Font untuk Chrome | Tepi | Firefox (Gratis)

Bagaimana Dengan Memeriksa Font dalam Gambar?

Jika Anda ingin mengidentifikasi font dalam gambar, ekstensi browser dan alat Inspeksi browser Anda mungkin tidak membantu. Namun, Anda dapat mencoba alat pemeriksa gambar online seperti ApaFontIs, FontTupai, Musim semi font, ApaTheFont, dan banyak lagi.

Proses untuk mengidentifikasi font dari gambar sebagian besar sama di semua alat. Mari kita coba mengidentifikasi font dalam gambar menggunakan WhatTheFont.

1. Jika Anda belum melakukannya, unduh gambar yang ingin Anda gunakan.
2. Impor gambar ke dalam ApaTheFont.
3. WhatTheFont akan secara otomatis mendeteksi teks pada gambar Anda. Kecilkan atau perbesar kotak pangkas sehingga mengelilingi font yang ingin Anda identifikasi. tekan tombol panah saat selesai.
4. WhatTheFont kemudian akan mencocokkan font pada gambar dengan font di galerinya, dan akan menunjukkan kepada Anda font yang terkait erat.
5. Jika Anda tidak segera menemukan pasangan yang cocok, Anda dapat terus mengklik Tampilkan hasil lainnya untuk melihat lebih banyak font terkait.

Terkait: Situs Web Font Gratis Terbaik untuk Font Gratis Online

Deteksi Font Dari Web dan Gunakan di Desain Anda

Font memainkan peran penting dalam keberhasilan sebuah situs web atau desain grafis. Jika Anda menemukan font yang menarik saat menjelajahi web, Anda dapat dengan mudah mendeteksinya menggunakan metode di atas.

WhatTheFont dan 4 Alternatif untuk Menemukan Font Dari Gambar

Ingin mencari font dari gambar? Ada alat online yang dapat melakukannya untuk Anda, termasuk WhatTheFont dan berbagai alternatif.

Baca Selanjutnya

Tentang Penulis