Cara membuat font di CSS

Cara membuat font di CSS

Font Family

Anda bisa mengubah jenis-jenis font yang ingin anda pakai ketika anda membuat website.  
Font family sebaiknya mengandung banyak jenis font, hal ini berguna bila browser tidak mendukung font yang pertama maka akan berpindah ke font yang berikutnya secara otomatis.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>

<p class="serif">Paragraf ini menggunakan font Times New Roman.</p>
<p class="sansserif">Paragraf ini menggunakan Arial font.</p>

</body>
</html>


Font Style

Properti ini memiliki 3 nilai :
  • Normal
  • Italic
  • Oblique

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
p.normal{font-style:normal;}
p.italic{font-style:italic;}
p.oblique{font-style:oblique;}
</style>

</head>

<body>

<p class="normal">Paragraf ini menggunakan font-style normal.</p>
<p class="italic">Paragraf ini menggunakan font-style italic.</p>
<p class="oblique">Paragraf ini menggunakan font-style oblique.</p>

</body>
</html>


Font Size

Anda bisa mengatur besar ukuran font di CSS.

font3

Comments

Popular Posts