Anda bosan dengan jenis font di blog anda? kini ada alternatif baru untuk menghilangkan rasa bosan itu, Google Font Directory.
ya, Google Font Direectory adalah layanan google yang menyediakan font secara online yang dapat digunakan pada sebuah blog atau website.
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 :
ya, Google Font Direectory adalah layanan google yang menyediakan font secara online yang dapat digunakan pada sebuah blog atau website.
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 pada blogspot ?
Untuk menggunakan Google’s Font API di blog kita perlu melakukan beberapa langkah, yaitu :
1. Buka Google’s Font Directory.
2. Pilih salah satu jenis font, misalnya Fontdiner Swanky.
3. Kemudian klik tulisan "Use this font", maka akan tampil code seperti dibawah ini
4. Dari kedua kode yang tampil yang saya lingkari warna merah, copas code yang atas, lalu masuk ke akun blogger anda pilih Rancangan >> Edit HTML, beri tanda ceklis pada Expand Template Widget bila sudah kemudian tekan ctrl+f lalu cari code <head> kemudian pastekan kode dibawah tulisan <head>
5. Dari kode tersebut biasanya akan tampil seperti dibawah:
<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css'>
6. Tambahkan "/" sebagai penutup script menjadi seperti dibawah ini
<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css' />
7. Terapkan CSS pada tag yang anda inginkan, contoh : saya menerapkannya pada tag <H1>;
h1 { font-family: 'Fontdiner Swanky', Arial; font-size:7px; }
8. Bila anda ingin menggunakan font pada sebuah teks single bukan menerapkannya pada css lihat code dibawah:
<font face="Fontdiner Swanky" size="7px">Teks yang Anda terapkan</font>
catatan:
1. code yang berwarna biru adalah ukuran font anda. dapat anda ubah sesuai keinginan.
2. code yang berwarna kuning adalah teks yang diubah font nya
5 Komentar:
Wah... ternyata setelah di coba tidak semudah yg di bayangkan ya sobat...
aku malah ga' ngerti css nya itu ...
musti belajar css dulu nih..
@Syaifullah Arifin
sbenernya css gak sberapa sulit kok sob, saya juga bisa memahami css blum lama, :)
trus kalo tentang top komentator ntar saya pasang, tapi blum bisa dalam beberapa hari ini soalnya, saya masih sibuk :)
wah bagus jg itu kang
@joko
silahkan dicoba kang :D
Much respective blog it is. I am satisfied with your blog. Your post is dear. I know so much about the Cara Memasang Google Font Directory pada blog. Great. Thanks for sharing your precious comprehension with me. Lovely.
Posting Komentar