Cara Memasang Font Google Sans di Blogger

Cara Memasang Font Google Sans di Blogger

Cara Memasang Font Google Sans di Blogger Dengan Mudah

Pada kesempatan kali ini, admin ingin sedikit berbagi tentang Cara Memasang Font Google Sans di Blogger, pasti kalian sudah tidak asing lagi dengan font yang satu ini dengan tampilan yang minimalis, font ini menjadi salah satu font populer hingga saat ini.

Font Google Sans adalah font yang sedikit susah kita cari untuk dipasang ke Blogger, gak percaya? silahkan kalian cari di google. Pada awalnya pasti kalian akan menemukan halaman-halaman yang pasti tidak diharapkan karena keyword ini sangat pasaran di penelusuran google.

Admin sendiri sering menggunakan font ini dengan alasan font ini segar dan nyaman saat dilihat. Jadi tidak heran apabila saya sangat cocok dengan font ini, terlebih lagi font ini menjadi salah satu trending dikalangan para seniman digital.

Pertanyaannya apakah sudah tersedia dan sudah bisa dipasang di website eksternal? Pastinya ada dong, mau tau bagaimana cara pasangnya? simak tutorial dibawah ini secara seksama agar tidak ada kesalahan atau error pada template anda nantinya.

Cara Memasang Font Google Sans di Blogger

  1. Pastikan anda sudah login ke Blogger.com
  2. Pada dashboard, silahkan pilih menu Template > Edit HTML
  3. Kemudian copy kode CSS berikut ini, dan letakkan diatas 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. Setelah itu, anda bisa ubah font default blogger yaitu Roboto dengan Google Sans, contohnya sebagai berikut.
    // Sebelum diubah
    .post body {
        background: #cecece;
        font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;
        font-size: 14px;
        color: #222;
    
    // Sesudah diubah
    .post body {
        background: #cecece;
        font-family: 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;
        font-size: 14px;
        color: #222;
  5. Save Template.
Apabila anda masih kurang paham atau kesulitan bisa ditanyakan melalui kolom komentar yang ada dibawah artikel ini. Dengan senang hati saya akan membantu jika bisa dan tidak ada kesibukan diluar kegiatan saya blogging.

Mungkin sekian dulu artikel dari Cara Memasang Font Google Sans di Blogger, semoga bermanfaat untuk kalian semuanya.
Terima kasih
Load comments