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.
Jawaban singkat: pasang FontMee, klik Inspect, lalu arahkan kursor ke teksnya. Font persisnya langsung muncul, tanpa dev tools dan tanpa screenshot.
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 — bawa masuk font brand klien atau font yang sudah kamu beli dan pratinjau langsung dengan cara yang sama
- Atur Setiap Lapisan — Penggeser untuk ketebalan, ukuran, tinggi baris, dan jarak huruf, langsung di halaman — dan hanya dengan ketebalan yang memang dimiliki font.
- Lihat dan Ganti Font Halaman — Daftar font yang benar-benar dipakai halaman, lengkap dengan porsi teksnya. Ganti salah satunya di mana-mana dengan satu klik.
- Pasangan Siap Pakai — 32 pasangan judul + isi yang serasi, plus saran untuk font yang sudah kamu pilih.
- Bahasamu, Hurufmu — Filter menurut Latin Extended, Sirilik, Yunani, atau Vietnam dan pratinjau teks contohmu sendiri — č, ć, š, ж, ω termasuk.
- Ekspor untuk Proyek Sungguhan — CSS, variabel CSS, Tailwind, atau potongan HTML — atau ZIP self-hosting berisi file font, jadi pengunjungmu tak pernah menyentuh Google.
- Gambar Sebelum / Sesudah — Satu klik menyalin gambar halaman berdampingan, dengan dan tanpa fontmu. Siap dikirim ke klien.
- Tetap Jalan Saat Panel Tertutup — Pintasan untuk Periksa, asli / pratinjau, dan font acak. Periksa membuka kartu di halaman tempat kamu bisa mengatur ukuran dan ketebalan langsung.
- Koleksi dan Sinkronisasi — Susun font tersimpan ke dalam koleksi, ekspor atau impor kombinasimu, dan sinkronkan di perangkat Chrome-mu kalau mau.
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.
Sudah memilih font? Sekarang font itu butuh rumah. Kalau font itu untuk situs yang akan kamu buat, pembuat situs memungkinkan kamu mengaturnya dengan mengedit halaman langsung, tanpa menulis kode. Weblium salah satunya.
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.
Perlu diketahui sebelum mulai
- Hanya pratinjau: font berubah di layarmu, tidak pernah untuk pengunjung lain.
- Huruf Latin, Eropa Tengah, Sirilik, Yunani, dan Vietnam bisa dipakai — pilih aksaranya di panel. Teks Arab dan Asia tetap memakai font aslinya.
- Font diambil dari Google Fonts dan Fontshare saat kamu melihat pratinjaunya, jadi kamu butuh koneksi internet.
- Semuanya gratis dan tanpa batas. Simpan font dan kombinasi sebanyak yang kamu mau, pertahankan font di situs sebanyak apa pun, dan unggah font sendiri juga.
- Melihat pratinjau font bukanlah lisensi. Cek lisensi font sebelum memakainya di situs web.
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, Copy CSS, dan mengunggah file font sendiri semuanya bisa dipakai tanpa bayar atau akun. Semua di FontMee gratis.
FontMee — Gratis, 1.900+ Font
Identifikasi font apa pun secara instan, lalu coba font lain langsung di halaman yang sama.
Panduan PDF gratis: coba font apa pun di website mana pun seperti profesional
Setiap tombol FontMee dijelaskan dalam 10 halaman singkat: 4 lapisan, pustaka font, penyesuaian, pasangan, sebelum / sesudah, Salin CSS, dan menyimpan yang kamu suka. Masukkan emailmu dan unduhan langsung dimulai.
Kami menambahkan emailmu ke newsletter GetPlugzz (postingan, alat, dan ekstensi baru). Tanpa spam, dan kamu bisa berhenti kapan saja. Privasi
