CSS Font

AW - CSS Font - Oke tutorial dari belajar CSS lanjutan adalah mengenal tentang jenis font yang ada di CSS, di bawah ini adalah beberapa font yang sebaiknya Anda kenal.

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.
Codingku HTML Editori
<!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

Codingku HTML Editori
<!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.

Codingku HTML Editori
font3


Perbedaan antara Font Serif dan San Serif

Perbedaannya sederhana saja, Serif memiliki kaki dekoratif sementara San Serif tidak memiliki kaki dekoratif.


Selamat Belajar

0 komentar: