Periksa fon pada mana-mana halaman
Arahkan tetikus dan klik teks untuk melihat muka taip, saiz, berat, gaya dan warna langsung—dekat elemen atau dalam bar sisi—tanpa membuka DevTools.
what the font - font finder
Kenal pasti muka taip dan tipografi CSS pada mana-mana elemen halaman web—keluarga, saiz, berat, ketinggian baris, jarak huruf, warna dan kontras—kemudian salin atau eksport apa yang anda perlukan tanpa meninggalkan tab.
Dibina untuk tipografi langsung
Ciri-ciri
Butiran tipografi yang penting
Baca ketinggian baris, jarak huruf, transform, hiasan dan kontras (termasuk petunjuk AAA/AA) dalam satu panel.
Salin CSS dalam satu klik
Salin keluarga fon, warna atau coretan CSS sedia untuk elemen yang anda periksa.
Edit gaya pada halaman
Ubah berat, saiz, jarak, warna dan banyak lagi pada elemen langsung, kemudian tetapkan semula apabila selesai meneroka.
Semua fon pada halaman
Imbas gaya teks unik merentasi halaman dan lompat antara mereka semasa mengaudit sistem reka bentuk.
Eksport dan Google Fonts
Eksport tipografi sebagai SCSS atau JSON, atau buka carian Google Fonts untuk keluarga yang anda temui.
Mudah dengan reka bentuk
Tentang kami
Sambungan Chrome yang mendedahkan tipografi langsung—muka taip, saiz, berat, warna dan kontras—supaya anda boleh memeriksa, menyalin dan mengeksport fon daripada mana-mana halaman web.
- —
- Jumlah penggunaan diterbitkan
- —
- Bilangan ulasan disahkan
Chrome Web Store
Pengguna tentang kami
Contoh maklum balas ilustrasi — ulasan Chrome Web Store akan menggantikannya apabila disambungkan.
★★★★★
“Saya boleh ambil keluarga, berat dan warna hex dari laman langsung tanpa membuka DevTools.”
★★★★★
“Salin CSS dan kontras dalam satu panel—tepat apa yang saya perlukan semasa audit.”
★★★★★
“Semua fon pada halaman membantu saya spot tipografi tidak konsisten pada landing page dengan cepat.”
Tiga langkah pantas
Cara menggunakan
-
Pasang sambungan
Tambah what the font - font finder daripada Chrome Web Store dan sematkan pada bar alat.
-
Mula memeriksa
Buka popup, mula memeriksa, kemudian arahkan tetikus dan klik mana-mana teks pada halaman.
-
Salin atau eksport
Salin CSS, eksport gaya, buka Google Fonts atau layari semua fon pada halaman.
Jawapan sebelum anda memasang
Soalan Lazim
Bagaimana saya mengenal pasti fon pada laman web?
Pasang what the font - font finder, mula memeriksa, arahkan tetikus ke teks dan klik untuk membuka panel dengan keluarga, saiz, berat dan warna.
Bolehkah saya menyalin CSS untuk teks yang saya lihat?
Ya. Dari panel anda boleh menyalin keluarga fon, warna atau coretan CSS untuk elemen yang diperiksa.
Adakah ia berfungsi pada setiap halaman?
Ia berfungsi pada tab laman web biasa. Halaman sistem Chrome dan sesetengah URL terhad tidak boleh diperiksa.
Bolehkah saya melihat semua fon yang digunakan pada halaman?
Gunakan Semua fon pada halaman untuk menyenaraikan gaya teks kelihatan unik dan buka mana-mana daripadanya dalam panel butiran.
Bolehkah saya menukar rupa semasa memeriksa?
Ya. Edit berat, saiz, jarak, warna dan gaya berkaitan pada elemen, kemudian tetapkan semula untuk pulihkan asal.
Di mana saya boleh buka Google Fonts?
Apabila keluarga kelihatan boleh dicari, gunakan tindakan Google Fonts dalam panel untuk membuka pertanyaan bagi nama itu.