ตัวสร้างมาตราส่วนตัวอักษร

เกี่ยวกับเครื่องมือนี้

เครื่องมือสร้าง Type Scale คำนวณสเกลตัวอักษรแบบ modular จากขนาดฟอนต์ฐานและอัตราส่วน ตั้งแต่ Minor Second (1.067) ถึง Golden Ratio (1.618) และให้ผลลัพธ์ 9 ขนาดเป็น CSS custom properties

วิธีใช้

1. ใส่ขนาดฟอนต์ฐานเป็นพิกเซล (ค่าเริ่มต้นของเบราว์เซอร์คือ 16 px)
2. เลือกอัตราส่วนของสเกล เช่น Major Third (1.25)
3. เลือกหน่วยผลลัพธ์: rem, px หรือ em
4. คลิก Copy CSS Variables เพื่อนำขนาดตั้งแต่ --xs ถึง --4xl ไปใช้

ข้อควรรู้

• แต่ละระดับใน modular scale คือขนาดก่อนหน้าคูณด้วยอัตราส่วนเดียวกัน
• เครื่องมือนี้สร้าง 9 ระดับ ได้แก่ 2 ระดับที่เล็กกว่าฐาน ขนาดฐาน และอีก 6 ระดับที่ใหญ่กว่า
• อัตราส่วนเล็ก (1.067–1.2) เหมาะกับอินเทอร์เฟซที่มีข้อมูลหนาแน่น ส่วนอัตราส่วนใหญ่ (1.333–1.618) เหมาะกับหน้าบทความที่มีหัวข้อใหญ่
• ค่า rem คำนวณเทียบกับขนาดฟอนต์ root ที่ 16 px
• การใช้ rem ช่วยให้ตัวอักษรปรับขนาดตามการตั้งค่าขนาดฟอนต์ในเบราว์เซอร์ของผู้ใช้

ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลดหรือจัดเก็บ

คำถามที่พบบ่อย