Bagaimana saya bisa mengetahui font apa atau font yang digunakan situs web? Apakah ada alat atau ekstensi browser yang dapat membuat pekerjaan lebih mudah?
Bagaimana saya bisa mengetahui font apa atau font yang digunakan situs web? Apakah ada alat atau ekstensi browser yang dapat membuat pekerjaan lebih mudah?
Jawaban:
Ekstensi seperti WhatFont (tersedia untuk Chrome, Firefox dan Safari) membuatnya cukup mudah untuk mendeteksi keluarga font dari teks apa pun di halaman web. Anda hanya perlu menginstal ekstensi, mengaktifkannya di situs dan klik pada elemen yang ingin Anda periksa. Hasilnya ditampilkan dalam kotak mengambang, selalu dalam konteks pilihan Anda.
Sebagian besar browser web memungkinkan Anda menemukan font dengan mudah menggunakan right-click→ 'Inspect' atau 'Inspect Element'. Itu juga bisa dilakukan dengan menekan F12. Ini akan menampilkan daftar gaya yang dilampirkan ke situs web, yang dapat Anda jelajahi untuk menemukan font yang digunakan dalam elemen HTML apa pun.
Menggunakan inspektur tidak semudah menggunakan ekstensi, tetapi memiliki beberapa keunggulan. Diperlukan pemahaman CSS, karena Anda biasanya harus melewati beberapa gaya untuk menemukan yang diterapkan. Sebagai aturan umum, gaya yang dicoret sedang ditimpa, jadi selalu cari yang terakhir diterapkan.
Semua gaya dari halaman tercantum dalam tab Style , tetapi jika Anda menggunakan tab Computed sebagai gantinya, Anda dapat menemukan properti yang secara aktif diterapkan pada elemen yang Anda pilih, termasuk tentu saja keluarga font.
Akhirnya, cara lain untuk dengan cepat memeriksa font apa yang sedang digunakan secara global (tetapi BUKAN bagaimana atau ke mana) adalah pergi ke 'Aplikasi → Bingkai → Font' . Di sana, Anda akan menemukan daftar semua font yang direferensikan (non-sistem).
Metode kedua ini lebih lambat, tetapi menggunakan inspektur dapat memberi Anda wawasan besar tentang cara seluruh halaman dibangun. Juga, banyak desainer dan pengembang menggunakannya sebagai alat untuk menguji perubahan sebelum benar-benar menulisnya di stylesheet (karena mengubah garis CSS di inspektur memicu pratinjau waktu-nyata di browser).
Menggunakan alat pengembang browser Anda adalah cara yang baik untuk melihat font mana yang dideklarasikan dalam CSS situs web. Ini tidak menunjukkan font mana yang benar-benar dirender — itu hanya menunjukkan tumpukan font yang diterapkan — font aktual yang diberikan dapat bervariasi tergantung pada font yang dipasang, dll.
Fount akan memberi tahu Anda font web mana di tumpukan font yang benar-benar Anda lihat - bukan hanya apa yang seharusnya dilihat. Ini juga akan memberi tahu Anda ukuran font, berat, dan gaya.
Menggunakan Fount semudah menambahkan bookmark. Tidak perlu memasang aplikasi atau ekstensi apa pun.
Setelah menambahkan bookmark:
Fount berfungsi di Safari, Chrome, Firefox, dan IE8 +.
Saya suka ekstensi browser Chrome CSSViewer . Anda cukup klik dan arahkan kursor ke font yang ingin Anda identifikasi dan itu menunjukkan Anda keluarga font.
FontFinder dibuat untuk desainer, pengembang, dan juru ketik. Ini memungkinkan pengguna untuk menganalisis informasi font elemen apa pun pada halaman, menyalin setiap bagian dari informasi itu ke clipboard, dan melakukan penggantian inline untuk menguji tata letak baru.
Pengaya ini adalah yang terbaik untuk menemukan font dan css lainnya seperti berat font, ukuran, dan banyak lagi bentuk halaman web.