Cara Menggunakan Google Font pada Blog
Penggunaan font dalam Design blog haruslah tepat. Karena dalam penampilan font harus disesuaikan dengan font yang tersedia dalam komputer pengguna. Misalnya anda menggunakan font Dave Crossland dalam design. Tentu saja tidak semua komputer bisa menampilkan font jenis tersebut.
Untuk mengatasi masalah penampilan font pada design blog, kita dapat menggunakan font yang tersedia di Google Font. Google Font API merupakan font gratis yang memungkinkan kita untuk menampilkan font khusus dalam setiap halaman web.
Jenis Font apa saja yang tersedia di google Font ?
Secara lengkap bisa anda lihat langsung di Google’s Font Directory, seperti ditampilkan pada gambar dibawah ini :
Bagaimana cara menggunakan Google Font API ?
Untuk menggunakan Google’s Font API kita perlu melakukan beberapa langkah, yaitu :
1. Buka Google’s Font Directory.
2. Pilih salah satu jenis font, misalnya Josefin Sans Std Light.
3. Kemudian klik tulisan "Get the code", akan ditampilkan code seperti dibawah ini
4. Copy + Paste code tersebut kedalam dokumen web anda diantara tag <head> </head>.
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>
Note :
Jika anda ingin menambahkannya pada blogspot, jgn lupa tutup dengan menambahkan simbol ”/”. Karena Blogger sangat sensitif terhadap penulisan tag.
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'/>
5. Terapkan CSS pada tag yang anda inginkan, contoh : saya menerapkannya pada tag <H2>;
h2 { font-family: 'Josefin Sans Std Light', arial, serif; }
6. Jika anda ingin merubah ukuran / size dari Font, silahkan tambahkan font-size:22px, dimana 22 adalah besar font yang diinginkan;
h2 { font-family: 'Josefin Sans Std Light', arial, serif; font-size:22px; }
Selamat Mencoba 🙂
Pingback: Font Gratis Google di Website | ® Kimyong