Cách thiết lập kiểu chữ: thường, in nghiêng (italic) hoặc xiên (oblique) với JavaScript

Thuộc tính fontStyle (CSS font-style) chọn kiểu dáng chữ: normal (mặc định), italic (in nghiêng), oblique (xiên nhân tạo).

Ví dụ minh họa

Nhấn nút để đặt font family và in nghiêng cho đ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à Kiểu chữ</button>
  <script>
    function display() {
      document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
      document.getElementById("myID").style.fontStyle = "italic";
    }
  </script>
</body>
</html>

Khác biệt italic vs oblique

• italic: Sử dụng glyph thiết kế riêng của font (thường khác hình dáng chữ thường).
• oblique: Làm xiên chữ thường bằng biến dạng (skew) – dùng khi font không có bản italic.
• CSS Fonts Level 4 cho phép oblique 20deg tùy chỉnh góc xiên.