รูปแบบตัวอักษร CSS

รูปแบบตัวอักษร

font-style คุณสมบัตินี้ใช้เพื่อกำหนดข้อความอิทธิวาส

คุณสมบัตินี้สามารถตั้งค่าเป็นสามค่าได้:

normal - ข้อความแสดงด้วยรูปแบบปกติ
italic - ข้อความแสดงด้วยอิทธิวาส
oblique - ข้อความแบบ 'ฝัง' (ฝังและอิทธิวาสมากกว่านั้นมากกว่า แต่สนับสนุนน้อยกว่า)

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

font-weight คุณสมบัตินี้กำหนดความหนาของฟอนต์

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

font-variant คุณสมบัตินี้กำหนดว่าจะแสดงข้อความด้วยตัวอักษร small-caps (ตัวใหญ่ขนาดเล็ก) หรือไม่

ในตัวอักษร small-caps ทั้งหมดจะถูกเปลี่ยนเป็นตัวใหญ่ แต่ขนาดของตัวใหญ่หลังจากการเปลี่ยนจะเล็กกว่าขนาดของตัวใหญ่ในข้อความต้นแบบ

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}