Font CSS

Dua Jendela Monday, November 15, 2021

8. Font CSS

Property font = mengatur hal yang berhubungan dengan font seperti jenis font, ukuran font dan lainnya. Berikut adalah property yang berhubungan dengan font yaitu :

font-family, jenis font yang terdiri dari grup : serif, sans-serif dan monospace.

- ada juga arial, calibri, verdana dan lainnya

font-style, mengatur teks miring. Berupa : italic, normal, dan oblique (miring).
font-size, ukuran huruf dengan satuan px atau em.
font-weight, teks tebal. Nilainya berupa normal dan bold.
font-variant, tampilan teks dalam small-caps. Nilainya berupa normal dan small-caps.
font-stretch, font tampak lebih lebar (expanded) atau sempit (condensed).

Perhatikan contoh script pengguanan font dibawah ini dengan nama file font.html

<html>
<head>
<title>Belajar CSS Float</title>
<style type="text/css">
   p{
        font-family: arial, verdana, helvatica;
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
        font-variant: small-caps;
   }
</style>
</head>
<body>
   <p> Saya sedang belajar CSS property Font</p>
</body>
</html>