ตารางอัตราส่วนด้านความกว้างของแบบอักษรที่ใช้กันทั่วไป

ทำไมเรื่องอัตราเฟรมแบบอักษรในเว็บไซต์

แบบอักษรทั้งหมดมีอัตราส่วน (หรือค่า) ค่าของรูปแบบอักษรจะคำนวณโดยการหารความสูง x ของอักษรตัวพิมพ์เล็กตามขนาดตัวอักษร เมื่อคุณมีค่านี้คุณสามารถใช้คุณสมบัติสไตล์ fontSizeAdjust ใน CSS3 เพื่อระบุค่าลักษณะของแบบอักษรที่ต้องการที่ใช้เพื่อแสดงเว็บไซต์ของคุณ

เมื่อดูเว็บไซต์ของคุณบนคอมพิวเตอร์ที่ไม่มีแบบอักษรที่คุณต้องการคุณสมบัติ fontSizeAdjust จะถูกใช้เพื่อเลือก ขนาดตัวอักษรที่ ดีที่สุดสำหรับแบบอักษรทดแทน

คุณสมบัตินี้ช่วยให้หน้าเว็บของคุณดูดีและพิมพ์ได้ชัดเจนแม้ว่าตัวอักษรตัวเลือกแรกของคุณจะไม่สามารถใช้งานได้

เกี่ยวกับคุณสมบัติ fontSizeAdjust

การใช้คุณสมบัติ fontSizeAdjust ช่วยให้คุณสามารถควบคุมการแทนที่แบบอักษรได้เมื่อจำเป็น เมื่อตัวเลือกแบบเลือกแรกไม่พร้อมใช้งานเบราว์เซอร์จะใช้แบบอักษรที่สองที่ระบุซึ่งมักจะทำให้เกิดการเปลี่ยนแปลงขนาดใหญ่ ความสามารถในการอ่านของแบบอักษรมีผลต่อขนาดตัวอักษรพิมพ์เล็กกว่าขนาดตัวพิมพ์ใหญ่ เมื่อเบราเซอร์ทราบค่าด้านกว้างสำหรับแบบอักษรที่คุณต้องการคุณสามารถกำหนดขนาดที่จะใช้เมื่อแสดงหน้าเว็บในแบบอักษรที่เลือกได้ดีขึ้น

นี่คือตัวอย่างที่ปรับขนาดตัวอักษรโดยใช้อัตราส่วนภาพ 0.58 ซึ่งเป็นอัตราส่วนสำหรับ Verdana หากไม่สามารถใช้ Verdana ได้บนเครื่องคอมพิวเตอร์เบราว์เซอร์จะมีขนาดตัวอักษรทดแทนดังนั้นจึงมีตัวพิมพ์เล็กที่มีขนาดใกล้เคียงกันเพื่อความชัดเจนที่สุด

document.getElementById ("myP"). style.fontSizeAdjust = "0.58";

หมายเหตุ: เมื่อเผยแพร่เท่านั้น Mozilla Firefox สนับสนุนคุณสมบัติ fontSizeAdjust อย่างสมบูรณ์

อัตราส่วนรูปแบบตัวอักษรทั่วไป

ตารางนี้แสดงการคำนวณอัตราส่วนภาพของครอบครัวแบบอักษรที่เป็นที่นิยมหลายแห่ง

ตัวอักษร	อัตราส่วนภาพ
Arial	0.52
Avant Garde	0.45
Bookman	0.40
Calibri	0.47
Century Schoolbook	0.48
ตะเภา	0.41
Sans การ์ตูน	0.53
Courier	0.43
Courier New	0.42
Garamond	0.38
จอร์เจีย	0.48
Helvetica	0.52
Palatino	0.42
Tahoma	0.55
Times New Roman	0.45
Trebuchet	0.52
Verdana	0.58