Cara Memasang Google Font Asar di Blogger dengan Mudah

Diposting pada

Cara Memasang Google Font Asar di Blogger

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

Asar adalah jenis huruf Devanagari dan Latin asli yang didasarkan pada sapuan kuas yang mengembang mengikuti garis jantung. Desainnya dimaksudkan untuk bekerja dengan baik dengan teks-teks panjang sambil mempertahankan pesona tertentu pada ukuran besar. Asar sebagian berasal dari Palanquin Pria Ravichadran, dimulai dengan menginterpretasikan proporsi keseluruhan desain dan garis jantung serta fitur mesin terbang dan fitur OpenType.

Desain tiba pada identitasnya sendiri dengan menyesuaikan kepadatan sapuan kuas tertentu, yang menentukan jarak yang lebih luas dan bentuk-bentuk baru. Kuas yang digunakan adalah fitur Expand Path dari Fontlab Studio 5, menggunakan lebar 93, sudut -55, dan kebulatan 35. Secara umum huruf dirancang agar tidak memerlukan penyesuaian lebih lanjut, tetapi di mana ini tidak memuaskan maka penyesuaian manual dilakukan.

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

Cara Memasang Google Font Asar di Blogger

Disini kita menggunakan JavaScript, sehingga tidak membuat blog menjadi berat. Dan cara nya pun cukup mudah. Anda cukup copy kode JS dibawah ini, lalu letakan kode tersebut di atas kode </head> pada template blog yang Anda 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=Asar");
//]]>
</script>

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

Dan berikut ini cara memasang atau menggunakan google font di blog

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

font-family: 'Asar', serif;
font-style: italic;

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

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

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

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

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

DEMO

Nah, itulah tutorial cara memasang google font asar dari google font yang bisa anda coba untuk membuat tampilan blog anda terlihat lebih menarik dengan font asar ini. Bila ada pertanyaan menyangkut isi dari artikel ini, silahkan tinggalkan komentar anda dibawah. Selamat mencoba!

Tinggalkan Balasan

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