Merubah Font menggunakan CSS Font

Cara ringkasnya adalah sebagai berikut:
1. Buat dokument HTML seperti biasa
2. Tambahkan baris

source code <link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
tambahkan CSS ke header Halaman 
source code

body{ font-family: 'Iceland', cursive; } 
Perhatikan ada kata cursive setelah font yang akan kita pakai, cursive adalah font default yang akan dipakai jika font ‘iceland’ gagal di ambil dari server Google.

Jika anda ingin memakai lebih dari dua font, caranya sedikit berbeda, perhatikan contoh berikut ini. Dalam contoh ini saya akan memakai font iceland untuk paragraf dan font kavoon untuk judul

1. Buat dokumen seperti biasa, lalu tambahkan baris berikut ini dibagian header HTML.
source code <link href='http://fonts.googleapis.com/css?family=Iceland|Kavoon' rel='stylesheet' type='text/css'>

2. buat CSSnya seperti biasa
source code h1{ font-family: 'Kavoon', cursive; } p{ font-family: 'Iceland', cursive; }
setelah itu silahkan buka halaman yang anda buat di browser.

Download

Categories: , , Share