Periksa font di halaman mana pun
Arahkan dan klik teks untuk melihat jenis huruf, ukuran, berat, gaya, dan warna langsung—di dekat elemen atau di bar samping—tanpa membuka DevTools.
what the font - font finder
Identifikasi jenis huruf dan tipografi CSS pada elemen halaman web apa pun—kelompok, ukuran, berat, tinggi garis, spasi huruf, warna, dan kontras—lalu salin atau ekspor apa yang Anda perlukan tanpa meninggalkan tab.
Dibangun untuk tipografi langsung
Fitur
Detail tipografi itu penting
Baca tinggi garis, spasi huruf, transformasi, dekorasi, dan kontras (termasuk isyarat AAA/AA) dalam satu panel.
Salin CSS dalam satu klik
Salin jenis font, warna, atau cuplikan CSS siap pakai untuk elemen yang Anda periksa.
Edit gaya di halaman
Sesuaikan berat, ukuran, jarak, warna, dan lainnya pada elemen langsung, lalu setel ulang setelah Anda selesai menjelajah.
Semua font di halaman
Pindai gaya teks unik di seluruh halaman dan beralih di antara gaya tersebut saat mengaudit sistem desain.
Ekspor dan Google Fonts
Ekspor tipografi sebagai __SCSSLIT__ atau JSON, atau buka pencarian Google Fonts untuk keluarga yang Anda temukan.
Sederhana dengan desain
Tentang kami
Ekstensi Chrome yang menampilkan tipografi langsung—jenis huruf, ukuran, berat, warna, dan kontras—sehingga Anda dapat memeriksa, menyalin, dan mengekspor font dari halaman web mana pun.
- —
- Total penggunaan yang dipublikasikan
- —
- Jumlah ulasan terverifikasi
Chrome Web Store
Pengguna tentang kami
Placeholder masukan ilustratif — ulasan Chrome Web Store akan menggantikannya saat terhubung.
★★★★★
“Saya dapat mengambil warna keluarga, berat, dan hex dari situs langsung tanpa membuka DevTools.”
★★★★★
“Salin CSS dan kontras dalam satu panel adalah hal yang saya perlukan selama audit.”
★★★★★
“Semua font di halaman membantu saya menemukan jenis yang tidak konsisten di halaman arahan dengan cepat.”
Tiga langkah cepat
Cara menggunakan
-
Instal ekstensi
Tambahkan what the font - font finder dari Chrome Web Store dan sematkan ke toolbar.
-
Mulailah memeriksa
Buka popup, mulailah memeriksa, lalu arahkan kursor dan klik teks apa pun di halaman.
-
Salin atau ekspor
Salin CSS, ekspor gaya, buka Google Fonts, atau jelajahi semua font di halaman.
Jawaban sebelum Anda menginstal
Pertanyaan Umum
Bagaimana cara mengidentifikasi font di situs web?
Instal what the font - font finder, mulailah memeriksa, arahkan teks, dan klik untuk membuka panel dengan kelompok, ukuran, berat, dan warna.
Bisakah saya menyalin CSS untuk tipe yang saya lihat?
Ya. Dari panel Anda dapat menyalin jenis font, warna, atau cuplikan CSS untuk elemen yang diperiksa.
Apakah ini berfungsi di setiap halaman?
Ini berfungsi pada tab situs web biasa. Chrome halaman sistem dan beberapa URL yang dibatasi tidak dapat diperiksa.
Bisakah saya melihat semua font yang digunakan pada suatu halaman?
Gunakan Semua font di halaman untuk mencantumkan gaya teks unik yang terlihat dan membuka salah satu font tersebut di panel detail.
Bisakah saya mengubah tampilan saat memeriksa?
Ya. Edit berat, ukuran, jarak, warna, dan gaya terkait pada elemen, lalu setel ulang untuk mengembalikan aslinya.
Dari mana saya membuka Google Fonts?
Saat keluarga terlihat dapat dicari, gunakan tindakan Google Fonts di panel untuk membuka kueri untuk nama tersebut.