FontLens

Pilih mana-mana teks, klik kanan, dan periksa fon, saiz, berat, warna dan CSSnya serta-merta — salin, ubah, pratonton dan muat…

Pernah mendarat di halaman, mengagumi tulisan, dan tertanya-tanya "fon apakah ini?" FontLens menjawab soalan itu dengan satu klik. Pilih mana-mana teks di mana-mana laman web, klik kanan, dan pilih "Periksa fon dengan FontLens." Panel yang kemas dan fokus terbuka tepat di atas halaman dan mendedahkan bagaimana teks itu digayakan: jenis taip, saiznya, berat, ketinggian baris, warna, dan setiap perincian lain di sebalik reka bentuk. Sama ada anda seorang pereka yang melakukan rekayasa terbalik tata letak, seorang pembangun yang memadankan spesifikasi, atau sekadar ingin tahu tentang tajuk utama yang indah, alat ini menjadikan mana-mana halaman web sebagai buku terbuka tipografi. FontLens adalah pencari fon dan pemeriksa CSS yang digabungkan menjadi satu. Ia bukan sekadar menamakan keluarga fon untuk anda, ia memberikan anda kod sedia untuk digunakan, tempat bermain interaktif untuk menguji idea, dan alat kebolehaksesan untuk memastikan teks anda boleh dibaca. Tiada akaun. Tiada pendaftaran. Hanya pilih, klik kanan, dan periksa. 🔍 Apa yang anda boleh lakukan - Mendedahkan tipografi penuh mana-mana perkataan yang dipilih: keluarga fon, saiz fon, berat fon, ketinggian baris, dan warna sepintas lalu - Lihat penggayaan tambahan yang mudah terlepas pandang, seperti jarak huruf, ubah bentuk teks, dan gaya fon - Salin mana-mana sifat tunggal dengan satu klik, atau ambil seluruh set peraturan sebagai cebisan CSS yang lengkap - Tukar cebisan itu kepada Tailwind, SCSS, atau SASS melalui tab mudah, kemudian salin keseluruhan atau baris demi baris - Eksperimen dalam pratonton langsung yang boleh diedit: tulis semula perkataan sampel, ubah nilai, tukar latar belakang, dan lihat ia dikemas kini serta-merta - Kenal pasti dari mana fon web berasal dengan lencana penyedia (Fon Google, Fon Adobe, dihoskan sendiri, atau jenis taip sistem terbina dalam) - Simpan fon web ke komputer anda dengan butang "Muat turun fon", ditarik terus dari sumbernya sendiri - Semak kontras warna mengikut piawaian WCAG, dengan nisbah tepat serta keputusan lulus atau gagal AA dan AAA - Pilih dan contoh warna dengan pemilih penuh, termasuk penetes mata untuk mengambil mana-mana piksel pada skrin - Tukar unit ukuran antara px, rem, pt, dan em, diaplikasikan pada kedua-dua medan dan kod yang dieksport 🖱️ Bagaimana ia berfungsi Menggunakan FontLens mengambil masa beberapa saat. Serlahkan perkataan yang ingin anda kaji, klik kanan pada pilihan, dan pilih "Periksa fon dengan FontLens" dari menu. Panel muncul di atas halaman semasa, digayakan dengan kemas supaya ia tidak pernah bertembung dengan rupa laman web itu sendiri. Dari sana anda boleh membaca butiran, menyalin apa yang anda perlukan, atau mula mengedit. Pratonton langsung adalah di mana perkara menjadi menyeronokkan. Tukar perkataan untuk menguji tajuk utama sebenar, laraskan saiz, sesuaikan berat, atau tetapkan warna latar belakang baharu untuk melihat bagaimana jenisnya tahan. Edit anda kekal apabila anda bergerak antara halaman dan kembali kemudian, jadi idea yang anda mulakan di satu laman web sedang menunggu anda di laman web seterusnya. Apabila anda mahu nilai asal kembali, butang "Set semula ke laman web" mengembalikan semua yang sebenarnya digunakan oleh halaman. Memerlukan aset mentah? Untuk fon web yang boleh dimuat turun, satu butang mengambil fail sebenar dari lokasi @font-face. Untuk jenis taip yang sudah disertakan dengan sistem pengendalian anda, FontLens memberitahu anda ia adalah fon terbina dalam, jadi anda tahu ia tersedia tanpa sebarang muat turun. 🔒 Privasi diutamakan FontLens berjalan sepenuhnya di dalam pelayar anda. Tiada pengumpulan data, tiada penjejakan, tiada analisis, dan tiada pelayan luaran yang terlibat dalam pemeriksaan teks. Semua yang anda periksa kekal di mesin anda. Sambungan membuat tepat satu permintaan rangkaian, dan hanya apabila anda sengaja menekan "Muat turun fon," di mana ia menghubungi sumber fon itu sendiri untuk mengambil fail. Tiada apa-apa lagi yang meninggalkan peranti anda. Kebenaran sengaja sempit. Kebenaran menu konteks menambah entri klik kanan. Kebenaran tab aktif membolehkan alat membaca teks yang anda pilih pada tab di mana anda memanggilnya, dan tiada tempat lain. Penyimpanan menyimpan teks pratonton anda dan unit serta pilihan format anda supaya ia diingati pada masa akan datang. Tiada akses luas kepada sejarah penyemakan imbas anda dan tiada kebenaran hos yang meluas. 👥 Untuk siapa ia - Pereka web yang ingin mengenal pasti jenis taip, menangkap palet, dan menggunakan semula gaya dengan cepat - Pembangun front-end yang memadankan mockup atau mengambil nilai keluarga fon dan jarak yang tepat ke dalam kod - Jurutera UI dan UX yang membina sistem jenis yang konsisten dan berjenama - Pelajar yang mempelajari CSS dan tipografi yang ingin melihat bagaimana laman web sebenar dibina - Juruaudit kebolehaksesan yang mengesahkan bahawa teks memenuhi keperluan kontras WCAG sebelum dihantar - Blogger, pemasar, dan pembaca ingin tahu yang hanya ingin tahu fon apa yang digunakan oleh laman web ✨ Mengapa orang menyimpannya - Satu klik kanan memberikan anda jawapan dan bukannya mencari dalam alat pembangun - Kod sudah siap disalin dalam CSS biasa, Tailwind, SCSS, atau SASS, jadi ia boleh terus dimasukkan ke dalam projek anda - Pratonton yang boleh diedit membolehkan anda membuat prototaip pilihan jenis tanpa menyentuh satu baris kod pun - Pemeriksa kontras membina kebolehaksesan ke dalam aliran kerja anda dan bukannya menjadikannya sebagai pemikiran kemudian - Pemilih warna dan penetes mata bermakna anda boleh mencuba dan menggunakan semula warna tepat dari mana-mana sahaja di halaman - Tema terang dan gelap mengikuti sistem pengendalian anda secara automatik, jadi ia terasa selesa siang atau malam - Penukaran unit antara px, rem, pt, dan em memastikan output sejajar dengan cara kod anda ditulis 🎨 Pandangan lebih dekat pada butirannya Tipografi lebih daripada sekadar nama. FontLens membongkar keputusan kecil yang membuat teks terasa tepat, dari berat tajuk utama hingga ruang bernafas dalam ketinggian baris dan penjejakan halus jarak huruf. Melihat nilai-nilai ini bersebelahan membantu anda memahami mengapa sesuatu reka bentuk berfungsi dan bagaimana untuk menciptanya semula. Lencana penyedia juga menambah konteks, memberitahu anda sepintas lalu sama ada anda melihat aset Fon Google, jenis muka Fon Adobe, fail yang dihoskan sendiri, atau lalai sistem, yang sering kali merupakan petunjuk pertama apabila anda ingin memadankan atau mencari jenis taip. Alat warna melangkaui bacaan statik. Pemilih menawarkan segi empat HSV dengan peluncur hue dan alfa, dan ia bercakap HEX, RGB, dan HSL supaya anda boleh bekerja dalam format yang sesuai dengan anda. Pasangkan itu dengan penetes mata dan anda boleh mengambil warna tepat mana-mana elemen dan menjatuhkannya ke dalam pratonton atau nota anda. 🚀 Mula memeriksa Tambah FontLens, serlahkan beberapa perkataan, dan klik kanan untuk mendedahkan tipografi, gaya, dan warna di sebalik mana-mana halaman. Ia adalah teman yang pantas, peribadi, dan benar-benar berguna untuk sesiapa sahaja yang mengambil berat tentang bagaimana web dibaca. Pasangkannya, simpan ia berguna, dan jangan sekali-kali tertanya-tanya tentang fon misteri lagi.