Tutorial dan SEO

Font-family merupakan Pengaturan jenis font sesuai dengan font-name yang ditampilkan pada halaman html.

Penulisan font-family :

 font-family: <family-name>, <family-name>, <generic-family>;

Contoh penulisan font-family

p{

font-family: "Arial Black", Gadget, sans-serif;

}

dan

p{

font-family: serif;

}

nb : Tanda petik (Contoh : "Arial Black" ) dalam font-name digunakan untuk jenis font-name yang terdiri dari dua kata atau lebih yang dan mengunakan spasi.

dalam font-family dapat memasukan lebih dari font-name, jika font pertama tidak ditemukan dikomputer user maka font urutan kedua yang akan ditampilkan, dan jika tidak ada maka ditampilikan urutan terakhir yang sering disebut generic family.dan disarankan kepada webdesign untuk memilih font standar yang ada pada komputer user.

 2. Font Style

menambahkan style pada font dihalaman html.yang dapat diisi sebagai berikut : normal,italic,oblique

Penulisan:
font-style: value;

Contoh :
p{
font-style:italic;
}

3. Font Variant

Variant font dapat diisi dua value yaitu normal atau small-caps.

Penulisan :

font-variant:value;

contoh :
h3{
font-variant:small-caps;
}

4. font weight

pengaturan tebalnya font yang akan ditampilkan.
valuenya terdiri dari :
normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
penulisan :

font-weight:value;

contoh :
h4{
font-weight: bolder;
}

5. Font-Size

value : xx-small, x-small, small, medium, large, x-large, xx-large,larger,smaller atau pixel,percent

Penulisan :
font-size:value;

contoh :
H3     { font-size: x-small }
H2      { font-size: 10pt }
p     { font-size: 50% }
STRONG { font-size: x-larger }

6. Font

Value : <font-style> spasi <font-variant> spasi <font-weight> spasi <font-size>/<line-height> spasi <font-family>

penulisan :

font :value;

contoh :
P {
 font: oblique bold 10pt/12pt Times, serif ;
}