Properti font

Properti font merupakan properti singkatan, di mana Anda dapat menggunakan properti CSS berikut: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaksis

cssselektor {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Properti yang wajib diisi adalah font-size dan font-family, sisanya dapat dihilangkan, dengan tetap menjaga urutan.

Properti font-style, font-variant, font-weight dapat ditukar urutannya satu sama lain.

Perhatikan bahwa properti line-height ditulis setelah garis miring (slash) yang mengikuti properti font-size.

Contoh

Mari buat teks miring berukuran 15px, dengan jenis Arial, dan spasi baris 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Contoh

Contoh lain:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Contoh

Atur hanya ukuran font dan familinya saja, dengan menghilangkan properti lainnya:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Contoh

Jika hanya mengatur ukuran font, maka tidak akan diterapkan, karena familinya juga wajib diatur:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: