Thuộc tính họ phông chữ CSS
Ví dụ
Chỉ định phông chữ cho hai đoạn văn:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính font-family
chỉ định phông chữ cho một phần tử.
Thuộc tính font-family
có thể chứa một số tên phông chữ làm hệ thống "dự phòng". Nếu trình duyệt không hỗ trợ phông chữ đầu tiên, nó sẽ thử phông chữ tiếp theo.
Có hai loại tên họ phông chữ:
- family-name - Tên của họ phông chữ, như "times", "courier", "arial", v.v.
- generic-family - Tên của họ generic, như "serif", "sans-serif", "cursive", "fantasy", "monospace".
Bắt đầu bằng phông chữ bạn muốn và luôn kết thúc bằng họ phông chữ chung, để cho phép trình duyệt chọn phông chữ tương tự trong họ phông chữ chung, nếu không có sẵn phông chữ nào khác.
Lưu ý: Phân tách từng giá trị bằng dấu phẩy.
Lưu ý: Nếu tên phông chữ có khoảng trắng thì phải có dấu ngoặc kép. Phải sử dụng dấu ngoặc đơn khi sử dụng thuộc tính "style" trong HTML.
Giá trị mặc định: | phụ thuộc vào trình duyệt |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | object .style.fontFamily="Verdana,sans-serif" Hãy thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
font-family: family-name | generic-family |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
family-name / generic-family | A prioritized list of font family names and/or generic family names | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu CSS: thuộc tính phông chữ
Tham chiếu DOM HTML: thuộc tính fontFamily