Cara Mengetahui Jenis Font Family Dengan Google Chrome

Ini ialah praktek yang lebih umum untuk memakai beberapa font untuk satu halaman pada sebuah situs web. Sebagai contoh, kita sanggup menulis sebagai berikut: font-family: Times New Roman, Georgia pada CSS.

 Ini ialah praktek yang lebih umum untuk memakai beberapa font untuk satu halaman pad Cara Mengetahui Jenis Font Family Dengan Google Chrome

Tapi, bagaimana kita tahu persis font apa yang di gunakan pada sebuah web yang di baca browser? Kita sanggup menginstal ekstensi untuk mengetahui hal tersebut, tapi ada fitur built-in yang lebih akurat di Google Chrome, fitur ini hanya sanggup di lihat di Chrome Canary, dan tidak tersedia untuk Chrome biasa. Unduh Chrome Canary disini, dan menginstalnya pada komputer Anda. Sekarang, mari kita lihat cara kerjanya.
Dalam tumpuan ini, kita mempunyai blok teks cukup standar yang terdiri dari beberapa paragraf dan judul. Kami menetapkan beberapa font family generik menyerupai berikut:

[h3, h4 {
 font-family: Verdana, Geneva, sans-serif;
}
demo-wrapper p. {
 font-family: Georgia, serif;
}]

Sekarang, di Chrome Canary DevTools, head ke Computed tab. Scroll ke bawah dan Anda akan menemukan font family yang benar yang sedang digunakan. (lihat gambar di bawah).

 Ini ialah praktek yang lebih umum untuk memakai beberapa font untuk satu halaman pad Cara Mengetahui Jenis Font Family Dengan Google Chrome

Bahkan dikala kita hanya memilih jenis abjad (serif dan sans-serif) dan bukan font family, kita masih dapat mengetahui font yang sedang digunakan pada halaman web terseburt. (lihat gambar di bawah).

 Ini ialah praktek yang lebih umum untuk memakai beberapa font untuk satu halaman pad Cara Mengetahui Jenis Font Family Dengan Google Chrome

Selain itu, kita juga sanggup melihat  font family yang ditentukan dalam pseudo-elemen dan font yang disajikan dengan @font-face. Berikut ialah contoh:
 Ini ialah praktek yang lebih umum untuk memakai beberapa font untuk satu halaman pad Cara Mengetahui Jenis Font Family Dengan Google Chrome

Kesimpulan:
Fitur ini gres di Chrome dan niscaya sangat mempunyai kegunaan untuk pengembang web design. Kita kini sanggup dengan gampang mengetahui font yang digunakan serta jumlah glyphs yang ditampilkan. Fitur ini juga bekerja dengan baik dengan beberapa layanan webfont menyerupai Typekit dan Google Font Web .

Related Posts