Ekstensi Font Browser - dan Batasannya
Ekstensi browser seperti WhatFont dan Fontanello memungkinkan Anda mengidentifikasi font dengan hover atau klik. Begini perbandingannya - dan kapan URL scanner bekerja lebih baik.
Ekstensi Font Populer
WhatFont
Arahkan kursor ke teks apa pun untuk melihat keluarga font, ukuran, berat, dan warna. Salah satu ekstensi inspektor font paling populer.
Pros
- +Tidak perlu DevTools
- +Menampilkan font saat hover seketika
- +Bekerja di Chrome dan Safari
Cons
- −Satu elemen sekaligus
- −Tidak ada inventaris font halaman penuh
- −Harus diinstal per browser
Fontanello
Klik kanan teks apa pun untuk melihat detail font. Tersedia untuk Chrome dan Firefox.
Pros
- +Integrasi menu konteks
- +Output yang bersih
- +Bekerja di Firefox
Cons
- −Hanya elemen per elemen
- −Tidak ada ekspor atau inventaris penuh
Batasan Umum Ekstensi Font
- •Ekstensi hanya memeriksa satu elemen sekaligus - tidak ada inventaris penuh.
- •Mereka tidak dapat mendeteksi font yang dideklarasikan tetapi tidak diterapkan ke teks yang terlihat.
- •Hanya berfungsi di browser tempat diinstal - tidak berguna untuk berbagi atau audit jarak jauh.
- •Mungkin tidak mendeteksi web font yang dimuat melalui CSS kompleks (mis. aturan @supports kondisional).
Kapan Menggunakan URL Scanner
Untuk inventaris lengkap setiap font yang dimuat website - deklarasi @font-face, Google Fonts, Bunny Fonts, Fontshare - tempel URL di bawah. Satu scan, hasil penuh, tidak perlu instalasi.
Pertanyaan yang Sering Diajukan
Apa itu WhatFont?
WhatFont adalah ekstensi browser (Chrome, Safari) yang menampilkan keluarga font, ukuran, berat, dan warna teks apa pun yang Anda arahkan. Bagus untuk pencarian cepat tetapi terbatas pada satu elemen sekaligus.
Apakah ada alternatif WhatFont?
Ya - Fontanello bekerja di Chrome dan Firefox dengan menu klik kanan. Untuk audit halaman penuh tanpa ekstensi apa pun, tempel URL ke scanner di atas.
Bisakah ekstensi mendeteksi semua font di halaman?
Tidak. Ekstensi memeriksa elemen individual. Mereka tidak akan memberi tahu Anda tentang font yang dimuat tetapi tidak diterapkan ke teks yang saat ini terlihat. URL scanner menangkap semuanya.
Apakah saya perlu menginstal sesuatu untuk menggunakan alat ini?
Tidak. Tempel URL apa pun dan scanner melakukan pekerjaan di cloud - tidak ada ekstensi, tidak ada DevTools, tidak perlu instalasi.