Thuộc tính fontFamily của Style

Định nghĩa và cách sử dụng

fontFamily Thuộc tính thiết lập hoặc trả về danh sách các tên họ phông chữ (font-family) và/hoặc tên loạt phổ biến (generic-family) của văn bản yếu tố.

Bộ duyệt sẽ sử dụng giá trị đầu tiên mà nó có thể nhận diện.

Có hai loại giá trị font-family:

  • font-family: Tên họ phông chữ, ví dụ "verdana" hoặc "arial"
  • generic-family: Tên họ phông chữ phổ biến, ví dụ "serif" hoặc "sans-serif"

Lưu ý

Luôn quy định tên loạt phổ biến như lựa chọn cuối cùng!

Đặt mỗi giá trị bằng dấu phẩy.

Nếu tên họ phông chữ chứa khoảng trống, bạn phải đặt chúng trong dấu ngoặc kép.

Xem thêm Phông chữ an toàn trên web، để biết các tổ hợp phông chữ phổ biến.

Xem thêm:

Hướng dẫn CSS:Font CSS

Hướng dẫn CSS:Thuộc tính font-family

Hướng dẫn HTML DOM:Thuộc tính font

Mô hình

Ví dụ 1

Đặt phông chữ của phần tử <p>:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Thử nghiệm ngay

Ví dụ 2

Giải thích các giá trị có thể:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Thử nghiệm ngay

Ví dụ 3

Trả về phông chữ của phần tử <p>:

alert(document.getElementById("myP").style.fontFamily);

Thử nghiệm ngay

Cú pháp

Trả về thuộc tính fontFamily:

object.style.fontFamily

Đặt thuộc tính fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
font1, font2... Danh sách các tên họ phông chữ và/hoặc tên loạt phổ biến phân隔 bằng dấu phẩy.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Chưa quy định
Giá trị trả về: Chuỗi, biểu thị tên phông chữ của văn bản yếu tố.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ