หน้าแรก จับคู่ฟอนต์ IBM Plex Sans Thai + Maitree

IBM Plex Sans Thai + Maitree

คู่ฟอนต์สไตล์ corporate สำหรับองค์กรขนาดใหญ่ enterprise และ fintech โดย IBM Plex Sans Thai ออกแบบโดย IBM ให้ดูน่าเชื่อถือ เป็นทางการ มีความแม่นยำในทุก pixel เหมาะกับ heading ที่ต้องการความน่าเชื่อถือ ส่วน Maitree เป็น serif ที่สวยงามสง่างาม อ่านสบายตาในเนื้อหายาว เหมาะกับ report, white paper และเอกสารทางการ

enterprise fintech corporate formal

Font Pairing Playground

32px
16px
1.8
Preview 100%
ชื่อเว็บไซต์

ออกแบบประสบการณ์ดิจิทัล
ที่น่าจดจำ

เราช่วยให้ธุรกิจของคุณเติบโตผ่านการออกแบบเว็บไซต์ที่สวยงามและใช้งานง่าย ด้วยทีมนักออกแบบมืออาชีพที่มีประสบการณ์มากกว่า 10 ปี

🎨

ออกแบบสวยงาม

ดีไซน์ทันสมัย ตรงตามเทรนด์ล่าสุด

โหลดเร็ว

เว็บไซต์โหลดไว ประสบการณ์ดี

📱

Responsive

แสดงผลดีบนทุกอุปกรณ์

Technology

การเลือกฟอนต์ไทยที่เหมาะกับเว็บไซต์
ในปี 2024

โดย ผู้เขียน 5 นาทีในการอ่าน 28 ก.พ. 2024

การเลือกฟอนต์ที่เหมาะสมเป็นหนึ่งในปัจจัยสำคัญที่ส่งผลต่อประสบการณ์ของผู้ใช้งานเว็บไซต์ โดยเฉพาะเว็บไซต์ภาษาไทยที่ต้องการฟอนต์ที่อ่านง่ายและสวยงาม

ทำไมฟอนต์ถึงสำคัญ?

ฟอนต์ที่ดีช่วยให้ผู้อ่านสามารถอ่านเนื้อหาได้นานโดยไม่เมื่อยตา ช่วยสร้างบรรยากาศและอารมณ์ของเว็บไซต์ และเป็นส่วนสำคัญของการสร้าง brand identity

"Typography is the craft of endowing human language with a durable visual form." — Robert Bringhurst

หลักการเลือกคู่ฟอนต์

การจับคู่ฟอนต์ที่ดีควรคำนึงถึงความแตกต่างที่เหมาะสม ฟอนต์สำหรับ heading ควรโดดเด่น จับสายตา ในขณะที่ฟอนต์สำหรับ body text ควรอ่านง่าย ไม่เหนื่อยตา

📦

สินค้าตัวอย่าง

คำอธิบายสินค้าสั้นๆ ที่บอกรายละเอียดเบื้องต้น

฿1,290
🎁

สินค้าพิเศษ

สินค้าคุณภาพดี ราคาย่อมเยา คุ้มค่า

฿890

สินค้าใหม่

เพิ่งเข้าใหม่ ของมาแรง ต้องรีบคว้า

฿1,590

Dashboard Overview

ข้อมูลสรุปประจำเดือน มีนาคม 2024

ยอดขายรวม
฿124,500
+12.5%
ออเดอร์ใหม่
284
+8.2%
ลูกค้าใหม่
56
-3.1%

รายการล่าสุด

ชื่อลูกค้าสินค้ายอดสถานะ
คุณสมชายสินค้า A฿1,200สำเร็จ
คุณสมหญิงสินค้า B฿890รอดำเนินการ

🍜 ร้านอร่อย

อาหารไทยรสชาติต้นตำรับ

อาหารจานเดียว

ผัดกะเพราหมูสับ

หมูสับผัดกะเพรากรอบ พร้อมไข่ดาว

฿60

ข้าวมันไก่

ไก่ต้มเนื้อนุ่ม น้ำจิ้มสูตรเด็ด

฿55

ต้มยำกุ้ง

ต้มยำน้ำข้นกุ้งแม่น้ำ รสจัดจ้าน

฿120

เครื่องดื่ม

ชาไทย

ชาไทยหวานมัน เย็นชื่นใจ

฿35

ทำไมคู่นี้ถึงเข้ากัน?

IBM Plex Sans Thai (Heading) — ฟอนต์ IBM ที่ดูน่าเชื่อถือ เป็นทางการ

Maitree (Body) — Serif ที่สง่างาม เหมาะกับ report และ documentation

CSS Code

/* Import ทั้ง 2 fonts */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;600;700&family=Maitree:wght@300;400;600&display=swap'); /* Heading */ h1, h2, h3, h4 { font-family: 'IBM Plex Sans Thai', sans-serif; font-weight: 700; } /* Body */ body, p, li, td { font-family: 'Maitree', sans-serif; font-weight: 400; line-height: 1.8; }

Tailwind CSS Config

// tailwind.config.js module.exports = { theme: { fontFamily: { heading: ['IBM Plex Sans Thai', 'sans-serif'], body: ['Maitree', 'sans-serif'], }, }, } // className="font-heading" / className="font-body"

ทดลองคู่ฟอนต์นี้ในงานจริง

คู่ฟอนต์อื่นๆ ที่น่าสนใจ

ดูหน้า IBM Plex Sans Thai → ดูหน้า Maitree → เปรียบเทียบ IBM Plex Sans Thai vs Maitree →