Header Ads

Cara Menggunakan Google Font pada Blog

Cara Menggunakan Google Font - Saat ini ada beberapa cara untuk menggunakan font non-sistem pada sebuah situs web atau blog. Dari yang berbayar sampai yang gratis. Sebut saja seperti Typekit, Fonts.com, Fontdeck dan banyak lagi yang sifatnya berbayar namun tentu sesuai dengan tipografi yang berkualitas tinggi dan layak untuk dipertimbangkan.


Google Font 
Sangat penting untuk menyadari bahwa font web dapat menghasilkan visualisasi yang tidak memadai pada beberapa sistem operasi. Selain itu juga keindahan dan kesesuain huruf / font terhadap website tentu menjadi pertimbangan yang sangat penting sehingga perlu dilakukan perubahan-perubahan jenis huruf.

Cara mencari jenis font - Sebenarnya secara default jenis huruf sudah tersedia yang hampir disemua operasi sistem, sebut saja jenis "Arial, Verdana, Tahoma, Georgia, serif, Courier New, monospace". Kembali lagi, ada kalanya kita ingin melakukan perbedaan dan perubahan terhadap tampilan huruf di website kita.

Nah, untuk mengatasi agar tampilan font diwebsite kita tidak seperti biasanya dan menginginkan jenis font sesuai selera kita Google memberikan jalan keluar 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. menyediakan banyak sekali jenis-jenis font yang bisa anda gunakan secara luas dan gratis. Jika kini Anda memiliki situs web, blog atau profil jaringan sosial tentunya sudah barang tentu fasilitas Google Font API Directory bisa anda gunakan sebagai solusi yang mungkin terjadi pada website anda.
Baca juga : Jadikan tampilan Blog anda dengan Google Font Effect
Perlu diingat kembali keuntungan anda menggunakan Google Web Font :
  1. Sangat sederhana dan mudah digunakan.
  2. Untuk menggunakannya anda tidak perlu memiliki akun.
  3. Tidak ada batasan dalam jumlah domain, tidak seperti typekit (premium) yang menetapkan biaya layanan sesuai dengan jumlah domain yang akan digunakan.
  4. 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 :
  1. Masuk ke website Google Font
  2. Pilih jenis font yang anda inginkan, masukan dalam koleksi anda.
  3. Pilih dan review tampilan font yang akan digunakan.
  4. Jika sesuai, terapkan ke website anda.
Masih bingung? Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.

Dalam contoh jenis huruf yang dipilih adalah 'Pacifico'
Cara menggunakan Google Font 
Opsi "Add to Collection.."

Cara menggunakan Google Font
"Review" jenis huruf

Cara menggunakan Google Font
"Use" untuk gunakan huruf

Copy paste code ke dalam website/blog

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"
Baca Juga : Cara Daftar Akun Email Yahoo
# Untuk menggunakan dan melihat hasilnya, salah satu caranya seperti dibawah ini :
<h2>Ini Jenis huruf Pacifico</h2>

# Hasilnya seperti terlihat gambar dibawah ini :


# Selesai.

Jika kita ingin menggunakan jenis font lebih dari satu, maka link yang kita tuliskan menjadi seperti dibawah ini:

<link href='//fonts.googleapis.com/css?family=Pacifico|Droid+Sans|Tangerine' rel='stylesheet' type='text/css'/>

Catatan!
Gunakan tanda/karakter (|) tanpa tanda kurung untuk memisahkan jenis font yang digunakan. Dan gunakan tanda/karakter (+) tanpa tanda kurung untuk menggunakan font yang terdiri dari dua kata, jangan menggunakan spasi.
Sekian, Demikian artikel cara menggunakan google font ini di publih dan semoga bermanfaat.


No comments

Powered by Blogger.