การจับคู่ฟอนต์ CSS

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

เครื่องมือจับคู่ฟอนต์ CSS ช่วยให้คุณค้นหาชุดฟอนต์หัวเรื่องและเนื้อหาที่ลงตัวจาก 16 ชุด Google Fonts ที่คัดสรรมาแล้ว กรองตามหมวดหมู่ ดูตัวอย่างข้อความแบบเรียลไทม์ ปรับขนาดฟอนต์ และคัดลอกโค้ด CSS พร้อมใช้งานที่มีคำสั่ง @import

คุณสมบัติหลัก

• 16 ชุดฟอนต์ Google Fonts ที่คัดสรรมาสำหรับหัวเรื่องและเนื้อหา
• กรองตามหมวดหมู่: ทั้งหมด, sans-serif, serif, monospace, display
• ดูตัวอย่างแบบเรียลไทม์ด้วยข้อความหัวเรื่องและเนื้อหาที่ปรับแต่งได้
• ปรับขนาดฟอนต์หัวเรื่องและเนื้อหาได้
• สร้างโค้ด CSS พร้อมคำสั่ง @import
• คัดลอกโค้ด CSS การจับคู่ฟอนต์ได้ในคลิกเดียว

ดูตัวอย่าง

สถานการณ์การใช้งาน

• เลือกแบบตัวพิมพ์สำหรับการออกแบบเว็บไซต์และหน้า Landing Page ใหม่
• ค้นหาฟอนต์ที่เข้ากันสำหรับบล็อกและเลย์เอาต์บทความ
• ทดลองชุดฟอนต์ก่อนกำหนดระบบดีไซน์
• สร้าง CSS การพิมพ์ที่สอดคล้องกันสำหรับระบบดีไซน์
• เรียกดูการจับคู่ฟอนต์ serif, sans-serif และ display อย่างรวดเร็ว