Thuộc tính font

Thuộc tính font là một thuộc tính viết tắt, trong đó có thể sử dụng các thuộc tính CSS sau: font-size, font-style, font-weight, line-height, font-family, font-variant.

Cú pháp

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

Các thuộc tính bắt buộc là font-size và font-family, các thuộc tính khác có thể bỏ qua, nhưng vẫn phải giữ nguyên thứ tự.

Các thuộc tính font-style, font-variant, font-weight có thể đổi chỗ cho nhau theo bất kỳ thứ tự nào.

Chú ý rằng thuộc tính line-height được viết sau dấu gạch chéo và sau thuộc tính font-size.

Ví dụ

Hãy tạo văn bản nghiêng với kích thước 15px, kiểu Arial, và khoảng cách dòng là 30px:

html<p>
  some long text
</p>

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

Результат:

Ví dụ

Một ví dụ khác:

html<p>
  some long text
</p>

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

Результат:

Ví dụ

Chỉ định kích thước phông chữ và họ phông chữ, bỏ qua các thuộc tính khác:

html<p>
  some long text
</p>

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

Результат:

Ví dụ

Nếu chỉ đặt kích thước phông chữ, nó sẽ không được áp dụng, vì bắt buộc phải chỉ định thêm họ phông chữ:

html<p>
  some long text
</p>

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

Результат: