Cara Mengetahui Jenis Font Family Dengan Google Chrome

Ini adalah praktek yang lebih umum untuk menggunakan beberapa font untuk satu halaman pada sebuah ...

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

Cara Mengetahui Jenis Font Family Dengan Google Chrome... Melihat Font Family Dengan Google Chrome... Download Font Family Dengan Google Chrome... extensi Font Family Google Chrome.... plungin Font Family Google Chrome... menganti Font Family di Google Chrome... wallpaper Font Family... teks efek Font Family.... jenis Font Family terbaru 2014...

Tapi, bagaimana kita tahu persis font apa yang di gunakan pada sebuah web yang di baca browser? Kita dapat menginstal ekstensi untuk mengetahui hal tersebut, tapi ada fitur built-in yang lebih akurat di Google Chrome, fitur ini hanya dapat 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 contoh ini, kita memiliki blok teks cukup standar yang terdiri dari beberapa paragraf dan judul. Kami menetapkan beberapa font family generik seperti 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).

Jenis Font Family Dengan Google Chrome

Bahkan ketika kita hanya menentukan jenis huruf (serif dan sans-serif) dan bukan font family, kita masih dapat mengetahui font yang sedang dipakai pada halaman web terseburt. (lihat gambar di bawah).

Jenis Font Family Dengan Google Chrome

Selain itu, kita juga bisa melihat  font family yang ditentukan dalam pseudo-elemen dan font yang disajikan dengan @font-face. Berikut adalah contoh:

Jenis Font Family Dengan Google Chrome

Kesimpulan:
Fitur ini baru di Chrome dan pasti sangat berguna untuk pengembang web design. Kita sekarang dapat dengan mudah mengetahui font yang digunakan serta jumlah glyphs yang ditampilkan. Fitur ini juga bekerja dengan baik dengan beberapa layanan webfont seperti Typekit dan Google Font Web .

COMMENTS

Nama

Inspiration Photografer Photoshop Software Video Tutorial Web Design
false
ltr
item
Desain Grafis, Tutorial dan Inspirasi : Cara Mengetahui Jenis Font Family Dengan Google Chrome
Cara Mengetahui Jenis Font Family Dengan Google Chrome
https://3.bp.blogspot.com/-dw4kATVlyrs/UqNa5Mka5lI/AAAAAAAAOJo/qtc4Ba_f4Go/s1600/fontfamily.jpg
https://3.bp.blogspot.com/-dw4kATVlyrs/UqNa5Mka5lI/AAAAAAAAOJo/qtc4Ba_f4Go/s72-c/fontfamily.jpg
Desain Grafis, Tutorial dan Inspirasi
http://www.javagrafis.com/2013/12/cara-mengetahui-jenis-font-family-dengan-google-chrome.html
http://www.javagrafis.com/
http://www.javagrafis.com/
http://www.javagrafis.com/2013/12/cara-mengetahui-jenis-font-family-dengan-google-chrome.html
true
917012177411184077
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy