เครื่องมือแนะนำคู่ฟอนต์เป็นเครื่องมือออนไลน์ฟรีที่แนะนำการจับคู่ฟอนต์ที่เข้ากัน ดูตัวอย่างการรวมฟอนต์หัวข้อและเนื้อหาพร้อมโค้ด Google Fonts ที่พร้อมใช้ ประมวลผลในเบราว์เซอร์ ฟรี
Classic Elegant
สุนัขจิ้งจอกสีน้ำตาล
สุนัขจิ้งจอกสีน้ำตาลที่รวดเร็วกระโดดข้ามสุนัขขี้เกียจ การจับคู่ฟอนต์ที่ดีเป็นสิ่งสำคัญ
หัวข้อ: Playfair Displayเนื้อหา: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap');
h1, h2, h3 {
font-family: 'Playfair Display', serif;
}
body, p {
font-family: 'Source Sans 3', sans-serif;
}
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้งานแนะนำคู่ฟอนต์?
- เลือกฟอนต์หัวข้อหรือดูคำแนะนำ
- ดูตัวอย่างการรวมฟอนต์เนื้อหา
- คัดลอกโค้ด Google Fonts สำหรับคู่ที่เลือก
คำถามที่พบบ่อยเกี่ยวกับแนะนำคู่ฟอนต์
อะไรทำให้คู่ฟอนต์ดี?
ความเปรียบต่างและความสอดคล้องเป็นกุญแจ การใช้ฟอนต์ serif หรือ display สำหรับหัวข้อคู่กับ sans-serif สำหรับเนื้อหามักเป็นคู่ที่ดี
ฟอนต์ที่แนะนำใช้ฟรีหรือไม่?
ใช่ ฟอนต์ที่แนะนำทั้งหมดเป็นฟอนต์โอเพนซอร์สฟรีจาก Google Fonts ใช้ได้อย่างอิสระในโปรเจกต์ส่วนตัวและเชิงพาณิชย์