MENGATUR FORMAT FONT

MENGATUR FORMAT FONT

1.        Model huruf

Model yang umum dipakai adalah teks miring (italik) atau tebal (bold). Umumnya program browser mempergunakan tag em untuk huruf italic dan tag strong untuk huruf tebal. Misalnya ingin menuliskan kode em agar huruf tampil berbentuk italik dan tebal dan menuliskan kode strong untuk huruf tebal uppercase, perintahnya dituliskan sebagai berikut :

                                    em { font-style: italic; font-weight: bold; }

strong { text-transform: uppercase; font-weight:

bold; }

bila gagal dapat ditambahkan perintah ini :

            h2 { text-transform: lowercase; }

2.        Mengatur ukuran huruf

Kebanyakan program browser mempergunakan huruf yang lebih besar untuk heading yang penting sifatnya. Bila menimpa ukuran defaultnya, ada resiko yaitu huruf menjadi tampak lebih kecil khususnya bila mempergunakan ukuran yang ditambahkan tersebut dengan ukuran titik (point). Karenanya disarankan untuk melakukan pengaturan ukuran huruf dengan ukuran yang sama.

Contoh berikut mengatur ukuran heading dalam persen relatif terhadap ukuran teks normal.

h1 { font-size: 200%; }

h2 { font-size: 150%; }

h3 { font-size: 100%; }

3.        Mengatur jenis huruf

Bisa saja jenis huruf favorit tidak bisa ditampilkan oleh berbagai jenis browser. Untuk mengatasi hal ini dapat dituliskan beberapa jenis huruf yang tidak dapat ditampilkan oleh hampir semua browser. Ada beberapa jenis huruf generik yang dijamin cocok, sehingga disarankan untuk mengakhiri daftar perintah HTML dengan salah satu jenis huruf berikut : serif, sans-serif, cursive, fantasy, atau monospace, contoh :

body { font-family: Verdana, sans-serif; }

h1,h2 { font-family: Garamond, Times New Roman, serif;}

Dalam contoh ini heading penting akan ditampilkan dalam bentuk huruf Garamond, bila gagal maka akan ditampilkan dalam bentuk Times New Roman, dan bila juga masih tidak dapat tampil, maka akan tampil sebagai huruf serif. Teks paragraf akan ditampilkan dengan huruf Verdana atau bila masih tidak tampil juga, maka browser masih dapat menampilkannya dengan jenis huruf standar sans-serif.