Cara Memasang Google Font Playfair Display di Blogger

Diposting pada

Cara Memasang Google Font Playfair Display di Blog

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

Playfair Display adalah desain transisi. Dalam Pencerahan Eropa pada akhir abad ke-18, pena bulu yang lebar digantikan oleh pena baja runcing sebagai alat tulis populer saat itu. Bersama dengan perkembangan dalam teknologi cetak, tinta, dan pembuatan kertas, menjadi untuk mencetak bentuk huruf kontras tinggi dan garis rambut halus yang semakin terlepas dari bentuk surat tertulis.

Desain ini cocok untuk periode ini, dan meskipun ini bukan kebangkitan dari desain tertentu, itu mengambil pengaruh dari desain John Baskerville dan dari desain ‘Scotch Roman’. Menjadi desain Display (ukuran besar) dalam genre transisi, secara fungsional dan gaya dapat menemani Georgia untuk teks tubuh.

Ini adalah keluarga utama, dengan saudara kandung Playfair Display SC keluarga topi kecil. File font utama yang diunduh keluarga termasuk satu set lengkap topi kecil, ligatur umum, dan ligatur diskresioner.

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

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

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

font-family: 'Playfair Display', serif;
font-style: italic;

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

h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', 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: 'Playfair Display', 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 Playfair Display 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.

One thought on “Cara Memasang Google Font Playfair Display di Blogger

Tinggalkan Balasan

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