Cara Mengganti Tipe Font di Blog

Holla para blogger pemula, kali ini kita akan membahas tentang trik blog yaitu cara mengganti tipe font di blog atau website-website lain, dan memang tutorial kali ini diperuntukkan bagi para pemula saja. Bagi para master tentunya kontent ini tidaklah terlalu penting.

Oke, Kita akan coba mulai membahas tentang tipe font. 

Pada umumnya tipe font yang telah menjadi standar internasional diantaranya adalah Arial, Time New Roman, Calibri, dan masih banyak lagi yang lainnya. Namun bagaimana cara merubah tipe font sesuai dengan yang kita inginkan layaknya edit font di MS. Word dan aplikasi-aplikasi wording lainnya. 

Jika kalian ingin merubah tipe font di blog maupun di situs-situs lainnya, caranya adalah kalian tentukan dulu pada file CSS nya. Dan seperti apa file css yang digunakan, lihat script di bawah ini :

<style>

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;

  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}

h1 { font-family: Montserrat; color: red; }

</style>

Melihat dari script di atas, kita bisa fahami bahwa bahwa tipe font telah di tentukan, penjelasannya adalah sebagai berikut :

• "a Keong", menandakan bahwa akan ada sebuah font tertentu yang akan diset,
• Font-family, ini digunakan untuk melakukan indexing atau penamaan, jika font diletakkan nama font Montserrat di pertama, maka tipe yang akan tampil adalah font Montserrat.
• Font-style, Digunakan untuk menentukan style font secara default,
• Font-weight, dipergunakan untuk menentukan ukuran font secara default,
• Src, dimanfaatkan untuk melakukan searching terhadap file yang ditentukan, kebetulan url di atas adalah milik google, karena memang file font tersebut telah disimpan dalam storage Google, dan jangan lupa mencantumkan format font, apakah ttf, woff, atau yang lainnya.

Setelah tanda kurung tutup kurawal font-face, telah ditentukan bawha kontent yang diapit oleh tanda <h1>  akan menunjukkan style font yang telah dijelaskan di atas.

Jadi kalau dibuat menjadi satu kesatuan script adalah sebagai berikut :

<style>

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;

  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}

h1 { font-family: Montserrat; color: red; }

</style> 

<h1> Font ini adalah Montserret dengan warna Merah </h1>

Nah, bagaimana, sangat mudah bukan. Silahkan kalian lakukan inprovisasi dan latihan, semoga tutorial kali ini bermanfaat untuk kita semua. Salam sukses dan tetaplah belajar.