เครื่องมือนักพัฒนา

จับคู่ฟอนต์

เลือก Google Fonts สองตัวแล้วดูตัวอย่างเป็นหัวข้อ + เนื้อหาเพื่อหาคู่ตัวอักษรที่ลงตัว

Heading Font
36px
Body Font
16px
Playfair Display36px

The quick brown fox jumps

Source Sans 316px

Great typography creates hierarchy and readability. The right font pairing can make your design feel intentional, polished, and professional.

The bold weight of the body font and the italic variant both inherit the font family choice.

CSS
/* Import */
@import url('https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@400;600;700&family=Source%20Sans%203:wght@400;700&display=swap');

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 700;
}

body, p {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}
Popular Pairings

ไม่เจอสิ่งที่ต้องการ?

เราสร้างเครื่องมือฟรีจากข้อเสนอแนะของชุมชน หากมีเครื่องมือที่จะช่วยเวิร์กโฟลว์ของคุณ แนะนำได้เลย!

Font Pairing Tool — Free Tool Online | FreeTool24 | FreeTool24