Sebenarnya secara default jenis-jenis huruf sudah tersedia hampir disemua operasi sistem, Seprti jenis "Arial, Verdana, Tahoma, Georgia, serif, Courier New, monospace". Namun, ada kalanya kita ingin melakukan perbedaan dan perubahan terhadap tampilan huruf di website kita.
Nah, untuk mengatasi agar tampilan font diwebsite kita anti mainstream dan menginginkan jenis font sesuai selera kita Google memberikan alternatif font lain untuk mengatasi kejenuhan penggunaan font standar dan "baku" dengan menyediakan fasilitas Google Font.Google Font API Directory
Google Font atau Google Web Font yang ada di Directory Google Font API adalah sistem yang memungkinkan penggunaan font host pada server mereka dan menyediakan banyak sekali jenis-jenis font yang bisa anda gunakan secara gratis.
Adapun keuntungan dalam menggunakan Google Font adalah sebagai berikut;
- Sangat sederhana dan mudah digunakan.
- Untuk menggunakannya anda tidak perlu memiliki akun.
- Tidak ada batasan dalam jumlah domain, tidak seperti typekit (premium) yang menetapkan biaya layanan sesuai dengan jumlah domain yang akan digunakan.
- Dan yang kalah hebatnya lagi, font yang anda pada google font dapat anda download secara gratis dan dapat digunakan pada komputer anda.
Cara menggunakan Google Font untuk website / blog.
Cara menggunakan Google font pada blog benar-benar sangat gampang dan mudah. Secara garis besar cara menggunakan google font tahapannya seperti dibawah ini :
- Masuk ke website Google Font
- Pilih jenis font yang anda inginkan, masukan dalam koleksi anda.
- Pilih dan review tampilan font yang akan digunakan.
- Jika sesuai, terapkan ke website anda.
Masih bingung? Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.
Setelah kamu menuju situs Google Font, selanjutnya pilih font yang kamu inginkan, sbc
 |
| Pilih Font yang kamu suka |
 |
| Klik "Select this font" |
 |
| Copy dan Paste Link yang diberikan |
Untuk mengintegrasikan Google Font kedalam blog kita, ikuti langkah dibawah ini:
- Login ke akun Blogger anda.
- Masuk ke 'Rancangan' > Edit 'HTML'
- Cari kode dibawah ini :
</head>
- Untuk penerapan pada blog, tinggal paste script yang disediakan.
<link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
- Penerapanya kurang lebih, seperti dibawah ini :
...........
...........
<link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
</head>
- Carilah CSS Select sebagai elemen penggunaan font, contoh seperti dibawah ini :
body h1, h2, h3, {
font-family: 'Pacifico';
font-size: 12px
}
- Jika sudah, klik "Simpan"
- Selesai.
Jika kita ingin menggunakan jenis font lebih dari satu, maka link yang kita tuliskan menjadi seperti dibawah ini:
nts.googleapis.com/css?family=Pacifico|Droid+Sans|Tangerine' rel='stylesheet' type='text/css'/>
Penting!
- Gunakan tanda/karakter (|) tanpa tanda kurung untuk memisahkan jenis font yang digunakan.
- Gunakan tanda/karakter (+) tanpa tanda kurung untuk menggunakan font yang terdiri dari dua kata, jangan menggunakan spasi.
Nah, tadi adalah langkah-langkah untuk menggunakan Google Font agar Blogmu Anti Mainstream dan makin cantik. Semoga bermanfaat, terima kasih sudah berkunjung ke tahutau.com. Share jika kalian suka.