Typography และ Font ต่างกันยังไง ?

• Typography

วิธีที่เราจัดการตัวอักษรเพื่อสื่อสารอย่างมีประสิทธิภาพ เช่น ขนาดตัวอักษร (Font Size) ระยะห่างระหว่างบรรทัด (Line Height), ระยะห่างระหว่างตัวอักษร (Letter Spacing)

• Font

ชุดตัวอักษรที่ถูกออกแบบให้มีลักษณะเฉพาะโดยจะกำหนดลักษณะต่าง ๆ เช่น ขนาด, น้ำหนัก (Bold, Light) ความเอียง (Italic) และสไตล์ (Regular, Condensed) ซึ่ง Font เป็นเครื่องมือที่ใช้แสดงผลข้อความในงานออกแบบหรือการพิมพ์

หลักการ Typography ที่ดีสำหรับเว็บไซต์

1. เลือกฟอนต์ที่เหมาะสม

 ฟอนต์ต้องสะท้อนเนื้อหา เช่น
   - Serif: เหมาะกับบทความยาว
   - Sans-serif: เหมาะกับหัวข้อหรือเนื้อหาสั้น

2. ขนาดตัวอักษรที่สมดุล

   - ตัวอักษรที่เล็กเกินไปทำให้อ่านลำบาก
   - ใหญ่เกินไปอาจดูรก ไม่สมดุล

3. ระยะห่างที่ลงตัว

   - การเว้นระยะระหว่างบรรทัด (Line Height)
   - ระยะห่างระหว่างตัวอักษร (Letter Spacing) ช่วยให้สบายตา

4. รองรับการใช้งานทุกหน้าจอ

   - Typography ต้องปรับให้เหมาะสมทั้งบนมือถือและเดสก์ท็อป