font-family

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính font-family chỉ ra họ phông chữ nào sẽ được dùng để hiển thị văn bản, được xác định dưới dạng một danh sách ưu tiên gồm các tên họ phông chữ và/hoặc tên họ chung.

Note: Với vai trò là một presentation attribute, font-family cũng có thuộc tính CSS tương ứng: font-family. Khi cả hai đều được chỉ định, thuộc tính CSS sẽ được ưu tiên.

Bạn có thể dùng thuộc tính này với các phần tử SVG sau:

Ví dụ

Kiểm soát họ phông SVG

html

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-family="Arial, Helvetica, sans-serif">Sans serif</text>
  <text x="100" y="20" font-family="monospace">Monospace</text>
</svg>