Cara Kerjanya

1

Tempel URL Manapun

Masukkan alamat situs web manapun - tidak perlu instalasi ekstensi, tidak perlu mengambil tangkapan layar. Kami merayapinya dengan aman di cloud.

2

Kami Memindai Halaman

Mesin kami mengekstrak setiap aturan @font-face, impor Google Fonts, tautan Bunny Fonts, dan sumber CDN kustom - sekaligus.

3

Lihat Setiap Font

Dapatkan inventaris font lengkap: nama keluarga, bobot, lisensi, dan sumber - untuk setiap tipografi di halaman, seketika.

Cara Lain untuk Menemukan Font - dan Batasannya

Chrome & Firefox DevTools

Buka DevTools → pilih elemen teks → tab Computed → "Rendered Fonts". Tepat untuk elemen tunggal, tetapi Anda harus memeriksa satu per satu secara manual - tidak ada inventaris halaman penuh.

Panduan DevTools lengkap →

Ekstensi Browser

Ekstensi seperti WhatFont atau Fontanello menampilkan font saat diarahkan atau diklik kanan. Cepat dan praktis, tetapi terbatas pada satu elemen setiap saat dan hanya berfungsi di browser tempat diinstal.

Bandingkan ekstensi →

Identifikasi Font dari Gambar

Memiliki tangkapan layar atau foto dengan font yang ingin diidentifikasi? Panduan kami memandu melalui alat gratis terbaik - dari pencocokan AI hingga Google Lens - untuk menamai tipografi apa pun.

Panduan font dari gambar →

From the Blog

Font Apa yang Digunakan Grammarly? Temukan Di Sini!

Penasaran dengan font apa yang digunakan Grammarly? Temukan font yang tepat di sini dengan alat kami!

Baca selengkapnya →

Panduan untuk Deteksi Font Esselunga

Temukan cara mendeteksi font yang digunakan di Esselunga dengan wtfont.app, hanya dengan menganalisis URL.

Baca selengkapnya →

Cara Mencari Font dari Gambar dengan Mudah

Temukan cara mencari font dari gambar dengan mudah menggunakan alat yang tersedia secara online.

Baca selengkapnya →

Pedoman Tipografi Penting untuk Desain Aplikasi Linier

Temukan pedoman tipografi aplikasi linier yang penting untuk meningkatkan desain Anda pada tahun 2026.

Baca selengkapnya →

Penggunaan Font oleh Industri: Memilih Tipografi yang Tepat

Jelajahi penggunaan font oleh industri untuk meningkatkan pilihan desain Anda dengan wawasan tipografi yang penting.

Baca selengkapnya →

Menjelajahi Font Inter dalam Desain Aplikasi Linear

Temukan bagaimana aplikasi Linear secara efektif memanfaatkan font Inter untuk pengalaman pengguna yang lebih lancar.

Baca selengkapnya →

Segala yang Perlu Anda Ketahui tentang Font Roboto

Temukan segala sesuatu tentang font Roboto, fitur-fitur, penggunaan, dan mengapa ini menjadi favorit di kalangan desainer.

Baca selengkapnya →

Temukan Alat Pengenalan Font Terbaik Secara Online

Dengan wtfont.app, temukan alat pengenalan font terbaik yang dapat mengenali font di situs web dalam sekejap.

Baca selengkapnya →

Panduan Lengkap untuk Penggunaan Font Panchang

Temukan font panchang, penggunaannya, sejarah, dan cara mengidentifikasinya menggunakan wtfont.app.

Baca selengkapnya →

Tinjauan Font: Font Apa yang Digunakan Aplikasi Linear?

Temukan font aplikasi linear dengan analisis mendalam kami. Ketahui font mana yang digunakan dan bagaimana mereka meningkatkan desain Anda.

Baca selengkapnya →

Memahami Apa yang Membuat Font Web Efektif

Temukan apa yang membuat font web efektif dan bagaimana ia meningkatkan estetika serta kegunaan situs web.

Baca selengkapnya →

Temukan Font yang Digunakan Situs Web Manapun

Cari tahu font apa yang digunakan situs web manapun - tempel URL dan lihat setiap tipografi seketika.

Untuk Desainer

Menemukan tipografi yang Anda sukai di situs web? Identifikasi seketika - dapatkan nama persis, bobot, dan sumber agar Anda dapat menggunakannya dalam proyek sendiri.

Untuk Pengembang

Lihat persis bagaimana produk-produk terbaik memuat font mereka - Google Fonts, Bunny Fonts, @font-face yang di-host sendiri. Replikasi tumpukan tipografi manapun dalam hitungan menit.

Untuk Pemasar

Bandingkan tipografi merek Anda dengan kompetitor. Temukan tipografi apa yang dipilih perusahaan-perusahaan terkemuka dan mengapa berhasil.

Pertanyaan yang Sering Diajukan

Bagaimana cara kerja deteksi font?

What the Font merayapi URL target di dalam lingkungan cloud Cloudflare yang aman, mengurai setiap stylesheet yang ditautkan, dan mengekstrak deklarasi @font-face, URL impor Google Fonts, dan tautan CDN dari layanan seperti Bunny Fonts dan Fontshare.

Jenis font apa yang dapat dideteksi?

Font apa pun yang dimuat melalui jaringan - Google Fonts, Bunny Fonts, Fontshare, dan font kustom yang dideklarasikan dengan @font-face. Font sistem seperti Arial atau Georgia tidak diambil dari server eksternal dan tidak dapat dideteksi.

Apakah What the Font gratis?

Ya, sepenuhnya gratis. Tidak perlu akun, tidak ada batas kecepatan.

Seberapa terkini hasilnya?

Hasil di-cache selama 24 jam. Setelah itu, kunjungan berikutnya secara otomatis memicu perayapan baru - atau klik "Analisis ulang" di halaman situs manapun untuk memaksa pemindaian ulang segera.

Bagaimana cara menemukan font pada elemen tertentu?

Gunakan Chrome atau Firefox DevTools: klik kanan teks → Inspect, lalu buka tab Computed dan gulir ke "Rendered Fonts". Ini menampilkan font persis yang dirender pada elemen tersebut. Untuk inventaris halaman penuh, gunakan pemindai URL di atas.

Apakah ekstensi font browser dapat diandalkan?

Ekstensi seperti WhatFont dan Fontanello sangat bagus untuk memeriksa satu elemen dengan cepat, tetapi tidak dapat memberikan inventaris lengkap semua font yang dimuat oleh halaman. Pemindai URL mendeteksi setiap @font-face, impor Google Fonts, dan font CDN dalam satu kali pemindaian.

Bisakah saya memeriksa apakah situs web memuat Google Fonts secara eksternal?

Ya - tempel URL dan cari font yang ditandai dengan sumber "Google Fonts". Jika ada, situs tersebut membuat permintaan eksternal ke fonts.googleapis.com, yang relevan untuk kepatuhan GDPR.

Bisakah saya mengidentifikasi font tanpa menginstal ekstensi browser?

Ya - itulah keunggulan utama What the Font. Cukup tempel URL di kotak di atas dan Anda mendapatkan inventaris font lengkap dalam hitungan detik. Tidak perlu ekstensi, tidak perlu plugin, tidak perlu akun.

Apakah ia mendeteksi Google Fonts, Adobe Fonts, dan font kustom?

Google Fonts dan Bunny Fonts terdeteksi dan diberi label secara otomatis. Font @font-face kustom - baik yang di-host sendiri maupun yang dimuat dari CDN - juga ditangkap. Adobe Fonts (Typekit) dapat terdeteksi jika deklarasi font-face dapat diakses dalam stylesheet.

Bagaimana jika font ada dalam logo, gambar, atau tangkapan layar?

Pemindai URL hanya mendeteksi font yang dimuat melalui CSS. Jika font tertanam dalam gambar atau logo, font tersebut tidak dimuat sebagai web font - tetapi Anda dapat mencoba alat berbasis gambar seperti WhatTheFont by MyFonts, Google Lens, atau Font Squirrel Matcherator. Lihat panduan font-from-image kami untuk petunjuk langkah demi langkah.

Apa bedanya dengan ekstensi font browser seperti WhatFont?

Ekstensi menampilkan font pada satu elemen yang Anda arahkan. What the Font memindai seluruh halaman sekaligus dan mencantumkan setiap font yang dimuat - termasuk yang ada di komponen yang saat ini tidak terlihat. Ini juga bekerja tanpa menginstal apa pun dan dapat digunakan di perangkat apa pun.