Cách thay đổi font chữ (text font) trong HTML

Để thay đổi font chữ trong HTML, dùng thuộc tính style. Thuộc tính này chỉ định inline style cho phần tử. Dùng với thẻ <p>, kết hợp CSS font-family, font-size, font-style, v.v.

HTML5 không hỗ trợ thẻ <font> (đã deprecated), nên dùng CSS.

Lưu ý: style inline ghi đè style toàn cục (thẻ <style> hoặc file CSS ngoài).

Ví dụ

<!DOCTYPE html>
<html>
  <head> <title>HTML Font</title> </head>
  <body>
    <h1>Our Products</h1>
    <p style="font-family:georgia,garamond,serif; font-size:16px; font-style:italic;">
      This is demo text
    </p>
  </body>
</html>

Mẹo: font-family nên liệt kê font dự phòng (fallback) kết thúc bằng generic family (serif, sans-serif, monospace).