Cara Memasang dan Menggunakan Google Font di Blog
Halo sobat, Apakah saat ini kamu Bingung untuk memilih font yang bagus untuk blog kamu? Kenapa tidak mencoba menggunakan Google Font Saja? Berikut adalah tutorial singkat Cara Memasang Google Fonts di Blogger
Menggunakan font yang baik dan relevan adalah salah satu cara untuk membuat tulisan kamu lebih nyaman untuk dibaca oleh pengunjung. Menggunakan font default seperti biasa yang kamu gunakan pada MS Word seperti Arial atau Times New Roman tentu saja tidak ada salahnya tetap di gunakan, Tapi perlu kamu ketahui masih banyak alternatif di luar sana yang bisa membuat tulisan pada blog akan terlihat jauh lebih baik dan lebih Profesional, Salah satunya adalah font Google Fonts.
Apa itu Google Fonts? Google Fonts adalah layanan gratis dari Google yang di mana kamu dapat memilih berbagai jenis font dan dapat kamu gunakan secara cuma-cuma alias gratis.
Pada Blogger sendiri sudah ada beberapa font yang dapat langsung kamu gunakan, namun pilihannya sangat terbatas. Baiklah teman-teman langsung saja kita praktek Cara Memasang Google Fonts
2. Silakan pilih menu TEMA > Edit HTML.
3. Untuk mempermudah pencarian silakan gunakan CTRL+F
4. Lalu Copy code CSS dibawah letakkan diatas code </head> atau <b:skin> 
5. Langkah terakhir silakan SIMPAN lihat hasilnya.
PENUTUP
Demikian artikel mengenai Cara Memasang dan Menggunakan Google Font di Blogger, Jika kalian kurang mengerti atau gagal silakan komentar atau Contact untuk di bantu mengatasi permasalahan yang kalian hadapi, cukup sekian dan Terima Kasih.
Referensi : bisablog.com/google-fonts-blogger-blogspot/
Menggunakan font yang baik dan relevan adalah salah satu cara untuk membuat tulisan kamu lebih nyaman untuk dibaca oleh pengunjung. Menggunakan font default seperti biasa yang kamu gunakan pada MS Word seperti Arial atau Times New Roman tentu saja tidak ada salahnya tetap di gunakan, Tapi perlu kamu ketahui masih banyak alternatif di luar sana yang bisa membuat tulisan pada blog akan terlihat jauh lebih baik dan lebih Profesional, Salah satunya adalah font Google Fonts.
Apa itu Google Fonts? Google Fonts adalah layanan gratis dari Google yang di mana kamu dapat memilih berbagai jenis font dan dapat kamu gunakan secara cuma-cuma alias gratis.
Pada Blogger sendiri sudah ada beberapa font yang dapat langsung kamu gunakan, namun pilihannya sangat terbatas. Baiklah teman-teman langsung saja kita praktek Cara Memasang Google Fonts
Cara Memasang Font Google Sans di Blogger
1. Login ke Blogger.2. Silakan pilih menu TEMA > Edit HTML.
3. Untuk mempermudah pencarian silakan gunakan CTRL+F
4. Lalu Copy code CSS dibawah letakkan diatas code </head> atau <b:skin>
<style type='text/css'>
@font-face {font-family: "Google Sans"; src: local("Google Sans Regular"), local(GoogleSans-Regular), url("//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2") format("woff2"); 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: "Google Sans"; src: local("Google Sans Medium"), local(GoogleSans-Medium), url("//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2") format("woff2"); 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>Bagaimana cara menggunakannya?
Caranya sangat mudah dan mudah dipahami, Kamu cukup memanggilnya dengan code dibawah tambahkan dibagian yang ingin di gunakan sesuai keinginan, ilustrasi saat ini saya ingin gunakan pada bagian Bodyfont: 400 17px 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;Berikut Screenshot Sebelum dan Sesudah
5. Langkah terakhir silakan SIMPAN lihat hasilnya.
PENUTUP
Demikian artikel mengenai Cara Memasang dan Menggunakan Google Font di Blogger, Jika kalian kurang mengerti atau gagal silakan komentar atau Contact untuk di bantu mengatasi permasalahan yang kalian hadapi, cukup sekian dan Terima Kasih.
Referensi : bisablog.com/google-fonts-blogger-blogspot/
Referensi: igniel.com/2018/08/cara-pakai-google-font.html
Referensi : tukangredesign.com/2020/05/cara-memasang-font-google-sans-di.html
Komentar
Posting Komentar