Kamu mendarat di sebuah website dan font judulnya bikin kamu berhenti sejenak. Persis vibe yang sudah berminggu-minggu kamu coba dapatkan di website sendiri. Kamu klik kanan, coba "inspect," dan langsung dilempar ke tumpukan CSS yang harus kamu gali cuma untuk menemukan satu baris font-family — kalau kamu bisa menemukannya sama sekali.
Cara biasa mencari font, dan kenapa merepotkan
Dev tools browser memang bisa, secara teknis, tapi dibuat untuk developer men-debug layout, bukan untuk cepat mengecek nama font. Kamu harus buka inspector, klik elemen yang tepat dalam struktur bertingkat, scroll lewat computed styles, dan berharap fontnya tidak terkubur di balik selusin variabel CSS dan fallback stack. Website identifikasi font juga ada, tapi kebanyakan minta kamu mengunggah screenshot lalu menebak dari daftar kemiripan visual — lambat, dan sering salah.
Yang perlu diketahui: ada cara yang jauh lebih cepat yang melewatkan keduanya sepenuhnya — hover teksnya dan langsung dapat jawabannya, tanpa screenshot dan tanpa tab dev tools.
Solusinya: FontMee
FontMee adalah ekstensi Chrome gratis yang dibuat khusus untuk ini. Ini panel samping yang terbuka di sebelah halaman mana pun, dengan dua hal penting: alat Inspect yang langsung menyebutkan nama font apa pun, dan perpustakaan langsung berisi 1.900+ font yang bisa kamu terapkan ke halaman yang sama untuk melihat tampilannya kalau pakai font lain — bukan cuma mengidentifikasi yang ada, tapi benar-benar mencoba alternatif sebelum memutuskan apa pun.
Cara mengidentifikasi font — langkah demi langkah
- Instal FontMee. Tambahkan FontMee dari Chrome Web Store. Gratis, tidak perlu akun.
- Buka panelnya di halaman yang dimaksud. Klik ikon FontMee dan panel samping terbuka di sebelah situsnya.
- Klik Inspect dan hover teksnya. Font family, ukuran, ketebalan, line-height, dan letter-spacing yang sebenarnya sedang dirender langsung muncul — tanpa dev tools, tanpa source code.
Ini juga penguji font langsung, bukan cuma identifikator
Begitu kamu tahu font apa yang dipakai sebuah halaman, nilai sebenarnya FontMee baru terasa: panel yang sama membiarkanmu mencoba salah satu dari 1.900+ fontnya — seluruh katalog Google Fonts plus font eksklusif Fontshare seperti Satoshi dan Clash Display — langsung di halaman itu, di browsermu sendiri, seketika.
- Empat lapisan independen — terapkan font ke semuanya, cuma judul, cuma teks isi, atau satu elemen tertentu yang kamu klik, masing-masing menyimpan pilihannya sendiri
- Pilih elemen tertentu — targetkan tepat satu tombol, judul, atau paragraf, bukan seluruh halaman
- CSS siap salin — begitu kamu sudah yakin, satu klik menghasilkan
@importdan aturan yang siap ditempel ke stylesheet-mu sendiri - Unggah font sendiri (Pro) — bawa masuk font brand klien atau font yang sudah kamu beli dan pratinjau langsung dengan cara yang sama
Tidak ada yang kamu lakukan pernah menyentuh situsnya sendiri — muat ulang halaman atau tutup tabnya dan semuanya kembali normal untukmu dan semua orang lain. Ini cara yang sepenuhnya aman untuk menguji "bagaimana kalau ini pakai font lain" di situsmu sendiri sebelum menulis satu baris CSS pun, atau di situs orang lain cuma untuk melihat bagaimana sebuah font akan terlihat.
Dapatkan ekstensinya
FontMee gratis, dengan 1.900+ font, keempat lapisannya, Inspect, dan Copy CSS termasuk tanpa biaya. Kalau kamu sering menghabiskan waktu memutuskan font — untuk situsmu sendiri, milik klien, atau cuma penasaran soal halaman yang kamu suka — ini mengubah tebak-tebakan jadi sesuatu yang benar-benar bisa kamu lihat.
Pertanyaan Umum
Klik alat Inspect milik FontMee dan hover di atas teks apa pun di halaman — langsung menunjukkan font family, ukuran, ketebalan, line-height, dan letter-spacing yang sebenarnya sedang dirender, tanpa membuka dev tools browser atau membaca source code halaman.
Bisa — FontMee menerapkan salah satu dari 1.900+ font Google Fonts dan Fontshare langsung ke halaman yang sedang aktif dengan satu klik, tanpa CSS sama sekali di tahap ini. Kamu baru menyentuh stylesheet aslimu setelah yakin dengan pilihan, pakai potongan Copy CSS yang sudah siap.
Tidak — FontMee cuma mengubah apa yang dirender di tab browsermu sendiri, sementara, dan tidak pernah menyentuh file asli situsnya. Memuat ulang halaman atau menutup tab langsung mengembalikan semuanya ke normal, untukmu dan setiap pengunjung lain.
Bisa — FontMee punya empat lapisan independen: Semuanya, Judul, Isi, atau satu elemen yang kamu klik. Masing-masing menyimpan pilihan fontnya sendiri, jadi kamu bisa pratinjau pasangan judul/isi secara bersamaan.
Ya — 1.900+ font, keempat lapisan, Inspect, dan Copy CSS semuanya bisa dipakai tanpa bayar atau akun. Upgrade Pro sekali bayar opsional menambahkan kemampuan mengunggah font sendiri, tapi tidak wajib untuk fitur inti mana pun.
FontMee — Gratis, 1.900+ Font
Identifikasi font apa pun secara instan, lalu coba font lain langsung di halaman yang sama.
