Cara Jitu Mengetahui Jenis Font dari Sebuah Situs

Tutorial: Tips & Trik Cara Mengecek dan Mengetahui Jenis Font (Gaya Huruf) dari Sebuah Blog atau Website

Content atau postingan (artikel) blog yang baik adalah artikel dengan gaya huruf (Font Style) yang enak dilihat (Scannable) dan enak di baca (Readable).

Suatu tulisan apabila enak di lihat dan di baca, maka artikel tersebut pun mudah untuk dimengerti oleh para pembaca blog. Sayangnya, banyak yang mengabaikan masalah ini, padahal perannya cukup vital.

Oh iya, beberapa di antara jenis font terbaik yaitu Lato dan Roboto; Lato adalah jenis font yang kami gunakan saat ini di situs web Add Blogger Themes.

Guna informasi tambahan bagi yang penasaran dan/atau membutuhkan, kode JavaScript (Js) dari Font Style Lato yang kami gunakan yaitu kode:

https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i

...sedangkan untuk pemanggil Font Style dari Lato, atau kode CSS-nya yaitu dengan kode ini:

'Lato', sans-serif

Untuk masalah ini, cara mengganti (mengubah) gaya huruf di template blogger, kamu bisa membaca artikelnya di sini: Cara Mengubah Font Style di Blogger/Blogspot.

Cara Jitu Mengetahui Jenis Font dari Sebuah Situs

Cara yang akan dilakukan ini, diimplementasikan tanpa bantuan software; dengan kata lain mengecek dan mengetahui jenis font sebuah situs web tanpa program aplikasi.

Kamu hanya perlu mengunjungi situs tersebut, tepat di halaman depan blognya.

Jika sudah, ketuk tombol CTRL dan U secara bersamaan pada papan keyboard PC. Setelahnya, muncul kode-kode yang terdiri dari HTML, CSS, dan JavaScript (Js). Seperti ini:

Cari kode ini:

font

...atau kode ini:

loadcss

...atau kode ini:

fonts.googleapis.com

...atau kode ini:

@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(//fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2)

Biasanya kode lengkap yang akan ditampilkan nantinya seperti ini:

<Group description="Post Body" selector=".post-body, .post-snippet">
<Variable name="post.body.font" description="Font" type="font"
default="normal normal 16px 'Lato', sans-serif" value="normal normal 16px 'Lato', sans-serif"/>

...atau seperti ini:

body {
background: #ffffff none repeat scroll top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #777777;
font: normal normal 16px 'Lato', sans-serif;
text-align: left;
}

Perhatikan pada kode No. 1 ini seperti gambaran kode di atas:

normal normal 16px 'Lato', sans-serif

...atau kode ini No. 2 ini seperti gambaran kode di atas:

font: normal normal 16px 'Lato', sans-serif;

Maka jawaban yang akan kamu temukan yaitu situs web tersebut menggunakan Font Style dengan nama Lato.

Untuk mendapatkan Js dan CSS-nya sendiri, kamu bisa mengunjungi situs web Google Fonts. Gratis kok :)

Demikian tutorial bagaimana cara mengetahui dan mengecek jenis huruf dari sebuah blog, situs, atau website; baik di Blogger Templates maupun WordPress sekali pun.

Labels: Tutorial Blogger

Thanks for reading Cara Jitu Mengetahui Jenis Font dari Sebuah Situs. Please share this article.

Share this post