"Font-Smooth" หมายถึงอะไร?
ด้วยบทแนะนำนี้คุณควรทำความเข้าใจเกี่ยวกับพร็อพเพอร์ตี้คุณสมบัติ CSS อย่างราบรื่น ดูข้อเท็จจริงเกี่ยวกับคุณสมบัตินี้และเหตุผลที่นักออกแบบเว็บไซต์ควรพิจารณาใช้งาน
คำอธิบายของ Font-Smooth
ทำไมนักออกแบบบางครั้งต้องการใช้คุณสมบัติแบบอักษรที่เรียบ? ส่วนใหญ่จะให้นักออกแบบสามารถควบคุมแอพพลิเคชัน anti-aliasing ได้เมื่อแสดงผล
แบบอักษรที่เรียบในเวอร์ชัน CSS
ใช้แบบอักษรเรียบใน CSS 3 และเข้าใจไวยากรณ์แบบอักษรที่เรียบด้วยตัวอย่างด้านล่าง:
แบบอักษรเรียบ: อัตโนมัติ ไม่เคย | เสมอ | | ความยาว เริ่มต้น | สืบทอด
อัตโนมัติข้อความเรียบตามค่าเริ่มต้นของระบบ
ไม่เคย - ไม่เคยเรียบแบบอักษร
เสมอ - เสมอเรียบแบบอักษร
และความยาว - ถ้าค่าของขนาดตัวอักษรเท่ากับหรือใหญ่กว่าขนาดที่วัดนี้ให้เรียบตัวอักษรเมื่อแสดงผล
นักออกแบบเว็บไซต์ควรทราบต่อไปนี้เมื่อใช้คุณสมบัติแบบอักษรที่ราบรื่น
- ค่าเริ่มต้น: อัตโนมัติ
- Font-Smooth ใช้กับ: องค์ประกอบทั้งหมดและเนื้อหาที่สร้างขึ้น
- แบบอักษร Smooth สืบทอด: คุณสมบัตินี้สืบทอด
- การสนับสนุนเบราว์เซอร์แบบ Font-Smooth: ไม่มี
ตัวอย่าง Font-Smooth
แบบอักษรในย่อหน้านี้ควรจะเรียบเสมอไม่ว่าจะเขียนแบบอักษรขนาดเล็กหรือขนาดใหญ่ก็ตาม
ข้อควรระวังเกี่ยวกับคุณสมบัติ Font-Smooth
ทุกคนไม่ได้มีเบราว์เซอร์ที่รองรับแบบอักษรได้อย่างราบรื่น ดูว่าเบราว์เซอร์ของคุณสนับสนุนคุณสมบัตินี้หรือไม่ นอกจากนี้โปรดระวังว่าคุณใช้สไตล์นี้อย่างไรเนื่องจากสามารถลดการอ่านข้อความของคุณได้อย่างมาก
คุณจะต้องทำการวิจัยเพื่อให้มั่นใจว่านี่จะไม่ส่งผลต่อคุณในลักษณะนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับคุณสมบัติแบบอักษรที่เรียบโปรดอ่านข้อมูลต่อไปนี้:
ตัวอย่างแบบอักษรที่เรียบ
font-ยืด
font-ผล
font-family
ขนาดตัวอักษร
ตัวอักษร
รูปแบบตัวอักษร
font-ตัวแปร
font-weight