Pemilihan font lebih dari satu karena tidak ada jaminan jika hanya satu font yang disediakan tersedia di komputer pengguna web.
Aturan penulisan font-family:
1. Jika font lebih dari satu pisahkan dengan tanda koma.
2. Jika nama lebih dari satu kata (mengandung spasi) ditandai dengan kutip dua (") atau kutip satu (').
3. Font yang pertama menjadi prioritas.
Tipe font-family:
a. serif (runcing pada bagian ujung huruf): Palatino, "Palatino Linotype", Palladio, "URW Palladio", serif
b. sans-serif (polos pada ujung huruf): 'Trebuchet MS', 'Liberation Sans', 'Nimbus Sans L', sans-serif
c. monospace (memiliki lebar sama): "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace
d. cursive (identik dengan tulisan miring, mirip tulisan sambung dengan tangan).
e. fantasy (tulisan yang identik untuk representasi karakter lucu).
Penulisan font-family di css:
<!DOCTYPE HTML>
<html>
<head>
<title>Penulisan font-family css</title>
<style type="text/css">
.fserif{font-family: Palatino, "Palatino Linotype",
Palladio, "URW Palladio", serif;}
.fsanserif{font-family: 'Trebuchet MS', 'Liberation Sans',
'Nimbus Sans L', sans-serif;}
.fmonospace{font-family: "DejaVu Sans Mono", Menlo, Consolas,
"Liberation Mono", Monaco, "Lucida Console", monospace;}
.fcursice{font-family: cursive;}
.ffantasy{font-family: fantasy;}
</style>
</head>
<body>
<p class="fserif">Ini contoh tulisan font serif.</p>
<p class="fsanserif">Ini contoh tulisan font san serif.</p>
<p class="fmonospace">Ini contoh tulisan font monospace.</p>
<p class="fcursice">Ini contoh tulisan font cursive.</p>
<p class="ffantasy">Ini contoh tulisan font fantasy.</p>
</body>
</html>
Output:
 |
| Output di Firefox. |
Referensi tulisan:
- font-family; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 21 Februari 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
Tidak ada komentar:
Posting Komentar