Cara Memasang Google Font Montserrat di Blogger

Diposting pada

Cara Memasang Google Font Montserrat di Blog

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

Poster-poster dan tanda-tanda tua di lingkungan Montserrat tradisional di Buenos Aires menginspirasi Julieta Ulanovsky untuk merancang jenis huruf ini dan menyelamatkan keindahan tipografi perkotaan yang muncul pada paruh pertama abad kedua puluh.

Ketika perkembangan kota berubah tempat itu, ia tidak akan pernah kembali ke bentuk aslinya dan kehilangan selamanya desain yang begitu istimewa dan unik. Surat-surat yang mengilhami proyek ini memiliki karya, dedikasi, perhatian, warna, kontras, cahaya dan kehidupan, siang dan malam! Ini adalah jenis yang membuat kota terlihat sangat indah. Proyek Montserrat dimulai dengan ide untuk menyelamatkan apa yang ada di Montserrat dan membebaskannya di bawah lisensi gratis, Lisensi Font Terbuka SIL.

Ini adalah keluarga normal, dan sejauh ini memiliki dua keluarga saudara, Alternate dan Subrayada. Banyak bentuk huruf khusus dalam keluarga Alternate, sedangkan ‘Subrayada’ berarti ‘Bergarisbawahi’ dalam bahasa Spanyol dan merayakan gaya garis bawah khusus yang diintegrasikan ke dalam bentuk huruf yang ditemukan di lingkungan Montserrat.

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

Cara Memasang Google Font Montserrat 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=Montserrat");
//]]>
</script>

Google font Montserrat 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 Montserrat: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 Montserrat tadi. Dan kamu juga bisa tambahkan gaya penulisan dan lainnya. Contohnya seperti ini.

font-family: 'Montserrat', sans-serif;
font-style: italic;

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

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', 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: 'Montserrat', 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 Montserrat 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 *