Cara Ganti Font Blogger Dengan Google Sans


Font menjadi salah satu bagian yang sangat penting di sebuah blog, dengan font yang rapi tentu akan membuat website kamu menarik dan nyaman saat pengunjung membaca sebuah artikel.

Pada kesempatan ini saya akan memberi sedikit cara atau tutorial untuk kamu yang ingin memasang font Google Sans ini ke blogger.

Tutorial ini sangat mudah dan saya yakin kalian semua akan paham, baiklah lansung saja simak tutorial di bawah ini.

Cara pasang font google sans di blogger


1. Login dulu ke Blogger.
2. Dalam Dashboard Blogger pilih menu Tema dan Edit HTML.
3. Lalu Copy code CSS yang di embed di server dan letakkan diatas code </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. Setelah itu taruh code css pemanggil font tersebut ke dalam konten yang ingin kita pasang Font Google Sans. Contoh dalam tag Body:

400 17px 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;



5. Terakhir tekan tombol Simpan Tema.

avatar
Penulis
Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Cara Ganti Font Blogger Dengan Google Sans"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel