เรียนรู้วิธีปรับ kerning ด้วย CSS
ถ้า web font ที่เลือกมี kerning data เบราว์เซอร์จะ auto-determine ว่าควร apply font-kerning หรือไม่ ผ่าน font-kerning property ค่า default auto:
font-kerning: auto;คือ เบราว์เซอร์อาจตัดสินใจ apply kern แม้ font มี kerning data built-in (เหตุผลบางอย่าง)
อยากให้แน่ใจว่า font-kerning ถูก apply (ถ้ามี) ไม่ว่าจะ browser "คิด" ยังไง ให้เปลี่ยน auto เป็น normal:
font-kerning: normal;อยากปิด kerning ใช้ none:
font-kerning: none;ทำไมต้องปิด kerning บน web font ที่มี kerning?
อาจพบว่า font-kerning render ผิดบน browser บางตัว (browser bug) ตัวเลือกปิดก็ดี
อีกกรณี one-off text elements พฤติกรรมแปลกในสถานการณ์เฉพาะ สะดวกที่ปิดได้ด้วย utility class:
.kerning-none { font-kerning: none; }เช็คว่า Web Font มี Kerning Data ไหม
วิธีเร็ว: disable/enable สลับกัน โดยตั้ง none และ normal แล้วดู text-rendering changes ในเบราว์เซอร์:
