Gaya Font CSS

Gaya Font

font-style Atribut ini biasanya digunakan untuk menentukan teks miring.

Atribut ini dapat diatur dengan tiga nilai:

  • normal - Teks ditampilkan normal
  • italic - Teks ditampilkan dengan miring
  • oblique - Teks yang menggambarkan 'tergeser' (tergeser sangat mirip dengan italic, tetapi mendukung yang lebih sedikit)

Contoh

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Coba Sendiri

Tebal Font

font-weight Aturan menentukan tebalnya huruf:

Contoh

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Coba Sendiri

Variabel Font

font-variant Aturan menentukan apakah teks ditampilkan dalam font small-caps (huruf kecil yang besar).

Dalam font small-caps, semua huruf kecil akan diubah menjadi huruf besar. Namun, ukuran huruf yang diubah menjadi huruf besar lebih kecil daripada ukuran huruf besar yang asli dalam teks.

Contoh

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Coba Sendiri