แนะนำคู่ฟอนต์

ความเปรียบต่างและความสอดคล้องเป็นกุญแจ การใช้ฟอนต์ serif หรือ display สำหรับหัวข้อคู่กับ sans-serif สำหรับเนื้อหามักเป็นคู่ที่ดี

ใช่ ฟอนต์ที่แนะนำทั้งหมดเป็นฟอนต์โอเพนซอร์สฟรีจาก Google Fonts ใช้ได้อย่างอิสระในโปรเจกต์ส่วนตัวและเชิงพาณิชย์

ภาระอยู่ที่จำนวนน้ำหนักตัวอักษรมากกว่าจำนวนตระกูลฟอนต์ ไฟล์ฟอนต์หนึ่งไฟล์มักมีขนาด 20-40 KB ดังนั้นสองตระกูลที่ใช้ตระกูลละสองน้ำหนักก็ราว 100 KB ซึ่งไม่มีปัญหา ปัญหาจะเริ่มเมื่อโหลดตระกูลเดียวถึงหกน้ำหนัก การใช้ฟอนต์แบบแปรผันจะครอบคลุมทุกน้ำหนักด้วยไฟล์เดียว และการกำหนด font-display: swap จะทำให้ตัวอักษรปรากฏทันทีแม้ฟอนต์จะมาช้า

สำหรับเนื้อความ ความอ่านง่ายต้องมาก่อนบุคลิก ให้มองหาฟอนต์ที่ความสูงของตัวพิมพ์เล็กเหลือเฟือที่ขนาด 16 พิกเซล ระยะห่างระหว่างตัวอักษรไม่อึดอัด และรูปทรงของ 1 กับ l กับ I รวมถึง 0 กับ O แยกออกจากกันชัดเจน ให้วางย่อหน้าจริงจากงานเขียนของคุณลงไปแล้วอ่านทั้งบนแล็ปท็อปและบนมือถือ วิธีนี้บอกอะไรได้มากกว่าประโยคตัวอย่างในแผ่นแสดงฟอนต์มาก ฟอนต์ที่มีบุคลิกเด่นอาจรับหน้าที่หัวเรื่องได้ แต่ฟอนต์เรียบ ๆ ในเนื้อความต่างหากที่คนอ่านต่อจนจบ