Đơn vị đo lường (Measurement Unit) nào dùng cho letter-spacing trong CSS?

Để thiết lập letter-spacing (khoảng cách chữ), đơn vị khuyến nghị là em.

Tại sao dùng em?

• em là đơn vị **tương đối** dựa trên **font-size của element hiện tại** (hoặc kế thừa từ parent).
• 1em = font-size hiện tại. Ví dụ: font-size: 16px → 1em = 16px.
• Khi user zoom, thay đổi font-size root, hoặc responsive typography, letter-spacing: 0.05em sẽ **scale tương ứng**, giữ tỷ lệ thẩm mỹ.
• px cố định, không scale → khoảng cách quá lớn/nhỏ khi zoom.

Ví dụ

<html>
  <head></head>
  <body>
    <div style="position: relative; left: 90px; top: 3px; background-color: yellow; letter-spacing: 0.1em;">
      Div này có letter-spacing 0.1em (tương đối font-size).
    </div>
  </body>
</html>

Các đơn vị khác cho letter-spacing

Best practice: letter-spacing: 0.05em (body text), letter-spacing: -0.02em (heading lớn), letter-spacing: 0.1em (uppercase text để đọc dễ).