Ciri font

Ciri font mewakili ciri singkatan, di mana ciri CSS berikut boleh digunakan: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaks

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

Ciri wajib adalah font-size dan font-family, selebihnya boleh ditinggalkan, dengan mengekalkan susunan.

Ciri font-style, font-variant, font-weight boleh disusun dalam mana-mana tertib antara satu sama lain.

Perhatikan bahawa ciri line-height ditulis dengan garis condong selepas ciri font-size.

Contoh

Mari buat teks condong bersaiz 15px, dengan jenis Arial, dan jarak antara 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

Tetapkan hanya saiz fon dan keluarga, dengan meninggalkan ciri lain:

html<p>
  some long text
</p>

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

Результат:

Contoh

Jika hanya saiz fon ditetapkan, ia tidak akan diterapkan, kerana keluarga fon juga mesti ditetapkan:

html<p>
  some long text
</p>

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

Результат: