Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ปรับขนาดฟอนต์ด้วย font-size-adjust ใน CSS


คุณสมบัติ font-size-adjust

คุณสมบัตินี้ช่วยปรับ x-height (ความสูงของตัวอักษรพิมพ์เล็ก เช่น x) เพื่อให้ฟอนต์อ่านง่ายขึ้นเมื่อฟอนต์สำรองมีขนาดต่างกัน ค่าที่เป็นไปได้: ตัวเลขใดๆ (ปกติ 0.5 - 0.6)

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <p style="font-size-adjust:0.91;">
      Asia is a continent. </p>
  </body>
</html>

ประโยชน์:

  • รักษาความอ่านง่ายเมื่อฟอนต์หลักโหลดไม่ได้และใช้ฟอนต์สำรอง
  • ปรับขนาดให้ x-height เท่ากันระหว่างฟอนต์ต่างๆ
  • ค่าปกติของฟอนต์ทั่วไปอยู่ที่ 0.5 - 0.6

หมายเหตุ: รองรับใน Firefox และ Chrome (ใหม่) อาจต้องใช้ prefix ในเบราว์เซอร์เก่า