Merubah Font menggunakan CSS Font
Cara ringkasnya adalah sebagai berikut:
1. Buat dokument HTML seperti biasa
2. Tambahkan baris
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.
2. buat CSSnya seperti biasa
Download
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'>
source code
h1{
font-family: 'Kavoon', cursive;
}
p{
font-family: 'Iceland', cursive;
}
setelah itu silahkan buka halaman yang anda buat di browser.Download
Posting Komentar