Cara Memasang Google Font Noto Sans di Blogger

Diposting pada

Cara Memasang Google Font Noto Sans di Blog

Cara Memasang Google Font Noto Sans di Blogger – Sebelum kita membahas inti dari judul artikel di atas, saya akan sedikit menjelaskan sekilas tentang Font ‘Noto Sans‘ yang dapat kami rangkum dari Google Font.

Ketika teks dirender oleh komputer, kadang-kadang akan ada karakter dalam teks yang tidak dapat ditampilkan, karena tidak ada font yang mendukungnya tersedia untuk komputer. Ketika ini terjadi, kotak kecil ditampilkan untuk mewakili karakter. Kami menyebut kotak-kotak kecil itu ‘tahu,’ dan kami ingin menghapus tahu dari Web. Ini adalah bagaimana keluarga font Noto mendapatkan nama mereka.

Noto Sans membantu menjadikan web lebih indah di seluruh platform untuk semua bahasa. Saat ini, Noto mencakup lebih dari 30 skrip, dan akan mencakup semua Unicode di masa depan. Ini adalah keluarga Sans Latin, Yunani dan Sirilik. Ini memiliki gaya Regular, Bold, Italic dan Bold Italic dan mengisyaratkan. Ini berasal dari Droid, dan seperti Droid ia memiliki keluarga saudara serif, Noto Serif.

Nah, berikut tutorial cara memasang google font Noto Sans di blogger dengan mudah. Dan bagi kamu yang berminat silahkan ikuti langkah langkahnya sebagai berikut.

Cara Memasang Google Font Noto Sans di Blogger

Disini kita menggunakan JavaScript, sehingga tidak membuat blog menjadi berat. Dan cara nya pun cukup mudah. Kamu cukup copy kode JS dibawah ini, lalu letakan kode tersebut di atas kode </head> pada template blog yang kamu gunakan.

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
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=Noto+Sans");
//]]>
</script>

Google font Noto Sans di atas mempunyai ketebalan yang normal (Regular 400). Bila ketebalan pada font tersebut bagi kamu masih kurang tebal, kamu cukup tambahkan pada kode font di atas menjadi Noto+Sans:500. Semakin tinggi angka yang kamu naikan, semakin tebal font tersebut.

Dan berikut cara pemasangan atau menggunakan google font di blog

Silahkan kamu tambahkan property font-family yang valuenya di isi dengan nama font Noto Sans tadi. Dan kamu juga bisa tambahkan gaya penulisan dan lainnya. Contohnya seperti ini.

font-family: 'Noto Sans', sans-serif;
font-style: italic;

Bila kamu ingin memasang pada judul, contoh penulisan nya seperti ini.

h1, h2, h3, h4, h5 {
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
  font-size: 24px;
}

Dan bila kamu ingin mengganti font untuk semua bagian blog, gunakan selector body. Contohnya seperti ini.

body {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 27px;
}

Cara pemasangan di atas sebenarnya tergantung juga pada masing masing template yang kamu gunakan. Jadi tinggal kamu sesuaikan saja bagian mana yang ingin kamu ganti font nya.

DEMO

Itulah sedikit Informasi dan Cara Memasang Google Font Noto Sans di Blogger yang bisa kamu coba pada template yang kamu gunakan. Bila ada pertanyaan menyangkut dari isi artikel di atas, silahkan tinggalkan komentar kamu dibawah.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *