Thuộc tính họ phông chữ CSS
Thí 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;
}
Định nghĩa và Cách sử dụng
Thuộc font-familytính chỉ định phông chữ cho một phần tử.
Thuộc font-familytính có thể chứa một số tên phông chữ như một hệ thống "dự phòng". Nếu trình duyệt không hỗ trợ phông chữ đầu tiên, trình duyệt sẽ thử phông chữ tiếp theo.
Có hai loại tên họ phông chữ:
- family-name - Tên của font-family, như "times", "courier", "arial", v.v.
- generic-family - Tên của một họ chung, như "serif", "sans-serif", "thảo", "fantasy", "monospace".
Bắt đầu với phông chữ bạn muốn và luôn kết thúc bằng họ chung để cho phép trình duyệt chọn một phông chữ tương tự trong họ 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ữ chứa khoảng trắng, nó phải được trích dẫn. Các dấu ngoặc kép phải được sử dụng 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ỗ 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 | Play it |
|---|---|---|
| family-name generic-family |
A prioritized list of font family names and/or generic family names | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Các 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 HTML DOM: thuộc tính fontFamily