Phông chữ kiểu
Thí dụ
Đặt phông chữ cho một phần tử:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Định nghĩa và Cách sử dụng
Thuộc tính fontFamily đặt hoặc trả về danh sách các tên-họ phông chữ và / hoặc họ chung cho văn bản trong một phần tử.
Trình duyệt sẽ sử dụng giá trị đầu tiên mà nó nhận ra.
Có hai loại giá trị phông-họ:
- font-family: Tên của một họ font, như "verdana" hoặc "arial"
- generic-family: Tên của font-family chung, như "serif" hoặc "sans-serif"
Mẹo: Luôn chỉ định tên chung-họ làm phương án thay thế cuối cùng!
Lưu ý: Phân tách từng giá trị bằng dấu phẩy.
Lưu ý: Nếu font-family name chứa khoảng trắng, thì nó phải được trích dẫn.
Mẹo: Xem phông chữ an toàn trên Web để biết các kết hợp phông chữ thường được sử dụng.
Hỗ trợ trình duyệt
| Property | |||||
|---|---|---|---|---|---|
| fontFamily | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính fontFamily:
object.style.fontFamily
Đặt thuộc tính fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Giá trị tài sản
| Value | Description |
|---|---|
| font1, font2, etc. | A comma-separated 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 |
Chi tiết kỹ thuật
| Giá trị mặc định: | không được chỉ định |
|---|---|
| Giá trị trả lại: | Một chuỗi, đại diện cho tên phông chữ của văn bản trong phần tử |
| Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Một minh chứng về các giá trị có thể có:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Thí dụ
Trả về phông chữ của một phần tử:
alert(document.getElementById("demo").style.fontFamily);
Các trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu CSS: thuộc tính font-family
Tham chiếu DOM HTML: thuộc tính phông chữ
❮ Đối tượng phong cách