Home » CSS » Cara Menggunakan Google Web Font untuk Website Anda

Cara Menggunakan Google Web Font untuk Website Anda


Seperti kita ketahui bahwa salah satu daya tarik pengunjung yang datang ke website adalah tampilan dari website itu sendiri. Website yang acak-acakan sudah tentu kurang disukai oleh pengunjung karena hal ini menimbulkan ketidaknyamanan pengunjung dalam mencari informasi yang ditawarkan di website itu sendiri.

Untuk menampilkan wajah website yang menarik, selain memiliki desain grafis yang baik dan unik, ada baiknya disertai dengan tampilan font yang unik juga.

Saat ini google telah memiliki satu aplikasi font yang biasa disebut dengan google web font. Aplikasi ini gratis alias gak bayar. Caranya mudah, kita hanya menambahkan sedikit kode saja di halaman website kita dan sedikit modifikasi di css style.

Oke, langsung saja kita ulai langkah-langkahnya.

Buka dulu situs Google Web Fonts, kemudian pilih font yang diinginkan. Klik “Add to collection” disebelah kanan. Dalam hal ini kita menggunakan font jenis ‘Crushed’.

Memilih Google Web Fonts

Setelah dipilih, akan terlihat message “1 font family in your collection” kemudian disebelah kanan ada opsi “Choose“, “Review” and “Use“. klik aja “Use“ untuk menggunakan font ini.
Pakai Google Web Fonts

Kemudian akan muncul lagi opsi “Choose the styles you want” dan “Choose the character sets you want”. silakan disesuaikan dengan kebutuhan.

Dibawahnya lagi ada kode embed yang harus diletakkan diwebsite kita. Kodenya seperti dibawah ini:
CSS Google Web Fonts

oke, sudah? lanjutkan dengan mengedit atau memofifikasi file css. Jadi, penggunaannya nanti seperti ini:

 

p { font-family: ‘Crushed’, cursive; font-size:18px; font-weight:normal; }

 

simpan file css nya, upload ke server dan…. Selesai.

Masih kurang paham? lebih jelasnya silakan lihat bagaimana untuk memulainya disini. Untuk contoh hasil dari penggunaan google web font ini bisa dilihat disini.

Demikian, semoga bermanfaat.!




Berita Terbaru