Kiểu phông chữ Thuộc tính gia đình
Ví dụ
Đặt phông chữ cho một phần tử:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Hãy tự mình thử »Sự miêu tả
Thuộc tính fontFamily đặt hoặc trả về danh sách tên họ phông chữ và/hoặc tên 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ị họ phông chữ:
- họ phông chữ: Tên của họ phông chữ, như "verdana" hoặc "arial"
- generic-family: Tên của một họ phông chữ chung, như "serif" hoặc "sans-serif"
Mẹo: Luôn chỉ định họ chung làm tê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 tên họ phông chữ có khoảng trắng thì tên đó phải được trích dẫn.
Mẹo: Xem các 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ả về 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ả về: | Một Chuỗi, biểu thị tên phông chữ của văn bản trong phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Một minh chứng về các giá trị có thể:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Hãy tự mình thử »Ví dụ
Trả về phông chữ của một phần tử:
alert(document.getElementById("demo").style.fontFamily);
Hãy tự mình thử »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ữ