Thuộc tính fontFamily trong HTML DOM Style

Giới thiệu

Thuộc tính fontFamily trong HTML DOM Style dùng để thiết lập hoặc lấy danh sách font cụ thể cho phần tử được chọn. Khuyến khích sử dụng web-safe fonts và chỉ định font dự phòng.

Cú pháp

Thiết lập fontFamily:

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

Ở đây, font1, font2 là danh sách font cách nhau bằng dấu phẩy. Nếu font đầu tiên không áp dụng được, font thứ hai sẽ được dùng, và cứ thế. initial đặt về mặc định, inherit kế thừa từ cha.

Ví dụ

Ví dụ thay đổi font-family của các mục list thành Sans-Serif.

<!DOCTYPE html> <html> <head> <style> 
  li{ 
    font-size: 1.1em; 
    background-color: snow; 
    font-family: cursive; 
  } 
</style> <script> 
  function changeFontFamily() { 
    for(var i=0; i<3; i++){ 
      document.getElementsByTagName("li")[i].style.fontFamily = "Sans-Serif"; 
    } 
    document.getElementById("Sample").innerHTML = "Font family của list hiện tại là Helvetica"; 
  } 
</script> </head> <body> 
  <ul> 
    <li>This is list item 1.</li> 
    <li>This is list item 2</li> 
    <li>This is list item 3</li> 
  </ul> 
  <p>Nhấn nút để thay đổi font family của các mục list</p> 
  <button onclick="changeFontFamily()">Thay đổi Font Family</button> 
  <p id="Sample"></p> 
</body> </html>

Kết quả

Sau khi nhấn nút Thay đổi Font Family: