เรียนรู้วิธีปรับการจัดช่องไฟด้วย CSS
หากแบบอักษรเว็บที่คุณเลือกมีข้อมูลการจัดช่องไฟ เบราว์เซอร์ของคุณจะกำหนดโดยอัตโนมัติว่าควรใช้การจัดรูปแบบแบบอักษรกับข้อความของคุณหรือไม่ ทำได้โดยใช้ font-kerning คุณสมบัติ CSS ซึ่งตั้งค่าเป็น auto โดยค่าเริ่มต้น:
font-kerning: auto;กล่าวคือ เบราว์เซอร์อาจตัดสินใจปรับใช้เคอร์นกับฟอนต์ของคุณ แม้ว่าจะมีข้อมูลการจัดช่องไฟในตัว (ไม่ว่าจะด้วยเหตุผลใดก็ตาม)
หากคุณต้องการตรวจสอบให้แน่ใจว่ามีการใช้การจัดรูปแบบแบบอักษร (หากแบบอักษรของคุณมี) โดยไม่คำนึงถึง "ความคิดเห็น" ของเบราว์เซอร์ ให้สลับ auto ออกด้วย normal :
font-kerning: normal;
หากคุณต้องการปิดการจัดช่องไฟ ให้ใช้ none เป็นค่า:
font-kerning: none;เดี๋ยวก่อน เหตุใดคุณจึงปิดการจัดช่องไฟบนแบบอักษรเว็บที่มีการจัดช่องไฟให้ใช้งานได้
บางทีคุณอาจพบว่าการจัดรูปแบบแบบอักษรของคุณแสดงผลไม่ถูกต้องในเบราว์เซอร์ X เช่น เนื่องจากบั๊กเบราว์เซอร์ชั่วคราว ในกรณีนี้ เป็นตัวเลือกที่ดีในการปิดเครื่อง
อีกสิ่งหนึ่งที่เกิดขึ้นบางครั้งคือองค์ประกอบข้อความแบบใช้ครั้งเดียวทำงานผิดปกติในสถานการณ์เฉพาะ และในกรณีนั้น คุณสามารถปิดได้เช่น ด้วยคลาสยูทิลิตี้ CSS:
.kerning-none {
font-kerning: none;
}จะทราบได้อย่างไรว่าแบบอักษรเว็บของคุณมีข้อมูลการจัดช่องไฟ
วิธีที่รวดเร็วในการตรวจสอบว่าแบบอักษรเว็บของคุณมีข้อมูลการจัดช่องไฟหรือไม่ คือการปิดใช้งานและเปิดใช้งานไปมา โดยการตั้งค่าเป็น none และ normal และคอยดูการเปลี่ยนแปลงการแสดงข้อความในเบราว์เซอร์ของคุณอย่างใกล้ชิด:
