คุณสมบัติแบบอักษร CSS ช่วยให้คุณใช้แบบอักษร (รูปแบบ) ที่แตกต่างกันสามประเภทสำหรับข้อความ ปกติ ตัวเอียง และเฉียง:
.normal{
font-style: normal;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}normal:คือรูปแบบตัวอักษรโรมัน/ปกติเริ่มต้นที่ใช้สำหรับข้อความปกติitalic:เป็นแบบอักษรเอียงไปทางขวาเล็กน้อย ใช้สำหรับเน้นoblique:เป็นแบบอักษรเอียงไปทางขวาเล็กน้อย ใช้สำหรับเน้น
ใช้ทั้งตัวเอียงและตัวเอียงเพื่อเน้น แต่อะไรที่ทำให้ต่างกัน?
- ตัวเอียง ฟอนต์เป็นฟอนต์ของตัวเองพร้อมชุดของร่ายมนตร์ที่ออกแบบมาโดยเฉพาะ
- อัน เฉียง แบบอักษรเป็นเพียงเวอร์ชันเอียงของแบบอักษรโรมัน/ปกติ
คุณควรใช้รูปแบบตัวอักษรแบบใดแบบหนึ่งเมื่อใด
ฉันไม่เคยใช้เฉียง สำหรับฉัน รูปแบบตัวอักษรเฉียงอยู่ในหมวดหมู่เดียวกับ ตัวเอียงเทียม — แม้ว่าจะไม่ได้เรียกอย่างเป็นทางการว่าตัวเอียงเทียมก็ตาม
ดูการเปรียบเทียบรูปแบบแบบอักษรด้านล่าง ทั้งหมดจากแบบอักษรของ Droid Serif:
เห็นปัญหา? ไม่เป็นไรถ้าคุณไม่ทำ หลายคนจะไม่สังเกตเห็น แต่หลายคนจะสังเกตเห็น ซึ่งทำให้เรื่องนี้สำคัญ
- ตัว ตัวเอียง รูปแบบแบบอักษรเป็นแบบอักษรจริง ซึ่งอิงจากแบบอักษรโรมัน/แบบอักษรปกติเช่นเดียวกับตัวเอียงทั้งหมด แต่มีร่ายมนตร์ในตัวเอง (ได้รับการออกแบบมา!)
- ส่วน เฉียง แบบอักษรเป็นเพียงแบบอักษรปกติแบบเอียง/เอียง เหมือนกับตัวเอียงมารยาท ซึ่งเป็นตัวเอียงทั่วไปที่สร้างโดยคอมพิวเตอร์ (ไม่ได้ออกแบบโดยนักออกแบบแบบอักษร)
หากใครสามารถชี้ให้เห็นความแตกต่างระหว่างรูปแบบแบบอักษรเฉียงและตัวเอียงเทียม โปรดส่งอีเมลถึงฉันแล้วฉันจะอัปเดตบทความนี้ให้สอดคล้องกัน! 🙂
