Cara Terbaru Memasang Font Google Sans di Blogger

Posting Komentar
Fernn.id - Mempercantik tampilan dari laman situs web merupakan salah satu hal penting yang selalu diabaikan oleh web developer. Padahal manfaatnya ini sangatlah banyak jika kalian ketahui, hanya saja mungkin banyak yang tidak menyadarinya.

Selain konten dan optimasi, mendesain website adalah hal penting yang perlu dicoba, kenapa? Karena semakin unik dan menariknya tampilan situs web, maka otomatis pengunjung akan lebih betah dalam menjelajahi setiap halaman yang kalian sediakan.

Dalam pemilihan font, kalian sebagai pengelola website harus pintar dalam memilih. Usahakan agar memilih font yang tidak rumit dibaca agar pengunjung bisa mengerti apa yang disajikan tanpa harus dibaca berulang-ulang.

Kami sendiri menyukai font ini karena tidak terlalu rumit untuk dibaca apalagi masih sedikit yang menggunakan Google Sans sebagai font default situs webnya. Apakah bisa digunakan pada website eksternal? Tentu saja bisa, silahkan saja simak sampai akhir artikel.

Cara Pemasangan Font Google Sans di Blogger

1. Silahkan login terlebih dahulu ke Blogger.com
2. Pada dashboard, pilih menu Template > Edit HTML
3. Kemudian copy kode CSS berikut ini dan paste tepat sebelum kode </head>
<style type='text/css'>
@font-face {font-family: &quot;Google Sans&quot;; src: local(&quot;Google Sans Regular&quot;), local(GoogleSans-Regular), url(&quot;//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2&quot;) format(&quot;woff2&quot;); font-style: normal; font-weight: 400; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;}
@font-face {font-family: &quot;Google Sans&quot;; src: local(&quot;Google Sans Medium&quot;), local(GoogleSans-Medium), url(&quot;//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2&quot;) format(&quot;woff2&quot;); font-style: normal; font-weight: 500; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;}
</style>
4. Ubah semua font yang ingin diganti dengan font Google Sans.

Contoh Penggantian Font Pada Website

5. Terakhir tekan tombol Save Template.

Mungkin sampai sekian dulu artikel yang bisa kami berikan, semoga bermanfaat.
Terimakasih
Fernand
Fernand
Hanya seorang blogger yang hobinya coding

Related Posts

Posting Komentar

Dapatkan artikel terbaru!