Variasi Font

Tanpa campur tangan kita, dokumen HTML menggunakan font default dari Windows (Sistem Operasi Komputer) atau browser (Internet Explorer), biasanya Times New Roman dengan ukuran 12 point. Kita bisa mengubah jenis, warna dan ukuran font sesuai dengan selera kita menggunakan tag <FONT> diikut dengan atribut-atributnya.

Misalnya untuk mengubah jenis font kita gunakan atribut FACE:

<HTML><BODY>
Ini adalah font Arial, ini adalah font Verdana, dan ini adalah font Impact
</HTML></BODY>

Bila dilihat dalam browser, akan tampak seperti ini:

Ini adalah font Arial, ini adalah font Verdana, dan ini adalah font Impact

Untuk mengubah ukuran font, gunakan atribut SIZE:

<HTML><BODY>
Font Size 1, Font Size 2, Font Size 3, Font Size 4, Font Size 5, Font Size 6
</HTML></BODY>

Hasilnya akan tampak dibawah ini jika dibuka dengan browser anda.

Font Size 1, Font Size 2, Font Size 3, Font Size 4, Font Size 5, Font Size 6

Sedangkan untuk mengubah warna tulisan, menggunakan atribut COLOR:

<HTML><BODY>
Tulisan warna biru, , Tulisan warna kuning
</HTML></BODY>

Bila dilihat dalam browser, akan tampak seperti dibawah ini:

Tulisan warna biru, Tulisan warna merah, Tulisan warna kuning

Dalam satu tag FONT kita bisa menggabungkan lebih dari satu atribut. Perhatikan contoh berikut:

<HTML><BODY>
Font Arial ukuran 2, Font Verdana warna merah, Font Impact ukuran 5 warna biru
</HTML></BODY>

Bila dilihat dalam browser, akan tampak seperti ini:

Font Arial ukuran 2, Font Verdana warna merah, Font Impact ukuran 5 warna biru

Untuk mengubah font default untuk satu halaman HTML, digunakan tag <BASEFONT> yang ditempatkan diantara tag <HEAD> dan </HEAD>. Contoh:

<HTML>
<HEAD>
<BASEFONT FACE="arial" SIZE="10" COLOR="blue">
</HEAD>
<BODY>
Font default untuk semua tulisan pada halaman ini adalah font arial dengan ukuran 10 dan warna biru.
</HTML></BODY>

Cobalah buat dalam sebuah file HTML kemudian lihat hasilnya dalam browser anda.
Selamat mencoba.