Fonts Gratis dari Google

Posted by

Para Desainer Web atau bisa di bilang para master web,ketika mendesain sebuah web baik itu tampilan ataupun isinya,kebanyakan dari mereka menggunakan Font dari Google.

Google Fonts adalah jenis huruf yang disediakan oleh google untuk situs web atau blog.

para desainer bebas menggunakan apa saja yang dikehendaki dan sesuai jenis web atau blog yang akan dibuatnya.

Cara Menggunakan Google Fonts

cara menggunakanya cukup mudah,tinggal menambahkan kode tertentu dan mengubah "fonts family" untuk diterapkan di judul dan naskah web atau blog.


  1. Buka Google Web fonts
  2. Pilih jenis huruf yang anda inginkan.misalkan "PT Sans"atau apalah terserah kesukaan anda
  3. Klik Add to Collection
  4. Klik "Use" dibagian bawah kanan
  5. Akan muncul dua kode,misalkan :

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>

tambahkan kode slah (/) sebelum kode penutup >

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'/>

Copy kode tersebut dan Paste di bawah kode <head> di template Anda.  Caranya: Template > Edit HTML dan temukan kode <head> di bagian atas template.

Ubah jenis huruf yang ada dengan yang baru tersebut. Misalnya seperti ini:

font-family: 'Roboto Condensed', sans-serif;
h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

seperti itu lah cara menggunakanya...oy bukan hanya fonts yang gratis ada juga kode-kode HTML yang mungkin anda belum ketahui,coba saja kode HTML spesial Characters.semoga bermanfaat..

salam luar biasa..


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Belajar Blog Updated at: 3:10 PM

0 comments:

Post a Comment