Google Fonts Terbaik untuk LinkMagz Blogger Template

Google Fonts apa yang terbaik dan cocok digunakan di LinkMagz blogger template? Jawabannya yakni Sans Serif, lebih tepatnya ialah Raleway, Sans-Serif.

Roboto juga bagus, gaya atau jenis huruf sejuta umat di muka bumi. Buktinya, banyak web blog yang menggunakan Roboto sebagai Google Fonts mereka hingga sekarang. Masalahnya, Roboto tidak cocok digunakan di template blog LinkMagz. Selera saya, ya. Hehe :)

Persoalan Google Fonts apa yang akan digunakan, tergantung selera masing-masing. Saya sendiri sudah mencoba Google Sans, Raleway, Lato, Inter, Oswald, Open Sans, sampai dengan Poppins. Pada akhirnya, pilihan saya jatuh ke Raleway.

Cara Mengganti Google Fonts Roboto ke Raleway di LinkMagz Blogger Template

1. Masuk ke Blogger > Tema > Edit HTML

2. Cari kode @font-face, HAPUS keseluruhan kodenya yang ada di bawah ini:

<style>
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local(&#39;Roboto&#39;),local(&#39;Roboto-Regular&#39;),local(&#39;sans-serif&#39;),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format(&#39;woff2&#39;);unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local(&#39;Roboto&#39;),local(&#39;Roboto-Regular&#39;),local(&#39;sans-serif&#39;),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format(&#39;woff2&#39;);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local(&#39;Roboto Bold&#39;),local(&#39;Roboto-Bold&#39;),local(&#39;sans-serif&#39;),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format(&#39;woff2&#39;);unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local(&#39;Roboto Bold&#39;),local(&#39;Roboto-Bold&#39;),local(&#39;sans-serif&#39;),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format(&#39;woff2&#39;);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
</style>

3. Simpan kode di bawah ini, di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/css?family=Raleway:400,700");
//]]>
</script>

4. Selanjutnya, cari kode html{font:$(body.font)}, kode lengkapnya:

html{font:$(body.font)}body{background:$(body.background);color:$(body.text.color);font-family:'Roboto', sans-serif}.buttonDownload{background:$(body.link.color)}

5. Ganti 'Roboto', sans-serif di atas dengan kode berikut:

'Raleway', sans-serif

Sehingga hasil akhirnya seperti ini:

html{font:$(body.font)}body{background:$(body.background);color:$(body.text.color);font-family:'Raleway', sans-serif}.buttonDownload{background:$(body.link.color)}

6. Ketuk tombol Simpan. OK selesai.

Sebenarnya ada yang lebih bagus lagi, rekomendasi pribadi dari saya, namanya Work Sans. Silakan cari di Google Fonts. Ketika artikel ini diperbarui, gaya huruf tersebut menjadi salah satu yang trending (paling banyak dicari dan digunakan).

Cara menggantinya bisa baca di sini: Cara Mengubah Jenis Huruf (Google Fonts) di Blogger.

Thanks for reading Google Fonts Terbaik untuk LinkMagz Blogger Template! 😃