Tìm hiểu cách điều chỉnh kerning bằng CSS.
Nếu phông chữ web bạn chọn bao gồm dữ liệu kerning, trình duyệt của bạn sẽ tự động xác định xem có nên áp dụng phông chữ kerning cho văn bản của bạn hay không. Nó thực hiện điều này bằng cách sử dụng font-kerning Thuộc tính CSS, được đặt thành auto theo mặc định:
font-kerning: auto;Nói cách khác, trình duyệt có thể quyết định áp dụng kern cho phông chữ của bạn ngay cả khi nó có dữ liệu kerning được tích hợp sẵn (vì bất kỳ lý do gì).
Nếu bạn muốn đảm bảo rằng font-kerning được áp dụng (nếu phông chữ của bạn có nó), bất kể "ý kiến" của trình duyệt, thì hãy hoán đổi auto ra với normal :
font-kerning: normal;
Nếu bạn muốn tắt kerning, hãy sử dụng none như một giá trị:
font-kerning: none;Chờ đã, tại sao bạn lại tắt kerning trên một phông chữ web có sẵn kerning?
Chà, có lẽ bạn phát hiện ra rằng font-kerning của bạn hiển thị sai trong trình duyệt X, ví dụ:do một lỗi trình duyệt tạm thời. Trong trường hợp đó, thật tuyệt nếu có tùy chọn tắt tính năng này.
Một điều khác đôi khi xảy ra là các phần tử văn bản sử dụng một lần hoạt động kỳ lạ trong một tình huống cụ thể và trong trường hợp đó, bạn có thể tắt tính năng này thật tiện lợi, ví dụ:với một lớp tiện ích CSS:
.kerning-none {
font-kerning: none;
}Cách biết liệu phông chữ web của bạn có dữ liệu kerning hay không
Một cách nhanh chóng để tìm hiểu xem phông chữ web của bạn có dữ liệu kerning hay không là tắt và bật nó qua lại, bằng cách đặt nó thành none và normal và theo dõi chặt chẽ các thay đổi hiển thị văn bản trong trình duyệt của bạn: