Tìm hiểu cách điều chỉnh kerning với CSS.
Nếu web font bạn chọn có dữ liệu kerning, trình duyệt sẽ tự quyết định có áp dụng font-kerning cho text hay không. Nó làm vậy bằng thuộc tính CSS font-kerning, mặc định là auto:
font-kerning: auto;Nói cách khác, trình duyệt có thể quyết định áp dụng kern cho font của bạn ngay cả khi font có dữ liệu kerning built-in (với lý do nào đó).
Nếu bạn muốn chắc chắn font-kerning được áp dụng (nếu font có), bất kể "ý kiến" của trình duyệt, hãy thay auto bằng normal:
font-kerning: normal;Nếu muốn tắt kerning, dùng giá trị none:
font-kerning: none;Tại sao bạn lại tắt kerning trên web font có sẵn kerning?
Có thể bạn phát hiện font-kerning render sai trên trình duyệt X, ví dụ do bug tạm thời của trình duyệt. Lúc đó, có option tắt là tốt.
Vấn đề khác đôi khi xảy ra là element text đơn lẻ hành xử kỳ quặc trong tình huống cụ thể, lúc đó tắt nó rất tiện, ví dụ với utility class CSS:
.kerning-none { font-kerning: none; }Cách biết web font có dữ liệu kerning không
Cách nhanh để biết web font có dữ liệu kerning hay không là disable và enable nó liên tục, bằng cách set thành none và normal và quan sát sát thay đổi text-rendering trên trình duyệt: