Cách thiết lập cỡ chữ (font-size) của văn bản với JavaScript

Sử dụng thuộc tính fontSize để đặt cỡ chữ cho phần tử. Giá trị có thể là từ khóa (xx-small đến xx-large, smaller, larger), độ dài (px, em, rem, %), hoặc initial/inherit.

Ví dụ minh họa

Nhấn nút để đổi font family và cỡ chữ của đoạn văn:

<!DOCTYPE html>
<html>
<body>
  <h1>Tiêu đề 1</h1>
  <p id="myID">
    Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
    Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
  </p>
  <button type="button" onclick="display()">Đặt Font Family và Cỡ chữ</button>
  <script>
    function display() {
      document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
      document.getElementById("myID").style.fontSize = "smaller";
    }
  </script>
</body>
</html>

Các đơn vị font-size phổ biến