เครื่องมือ Typography

เครื่องมือเชิงโต้ตอบฟรีสำหรับการเลือกฟอนต์ การจับคู่ และการสร้าง CSS ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

เครื่องมือสร้างการจับคู่ฟอนต์

เลือกฟอนต์และรับการจับคู่ที่ AI แนะนำพร้อมการแสดงตัวอย่างสด

เปิดเครื่องมือ →

ตัวอย่างฟอนต์

ดูตัวอย่าง Google Font ใดก็ได้ด้วยข้อความ ขนาด น้ำหนัก และสีที่กำหนดเอง

เปิดเครื่องมือ →

เปรียบเทียบฟอนต์

เปรียบเทียบฟอนต์ 2-4 แบบเคียงกันด้วยข้อความตัวอย่างที่เหมือนกัน

เปิดเครื่องมือ →

เครื่องคิดเลข Type Scale

สร้าง type scale ที่กลมกลืนโดยใช้อัตราส่วนเช่น 1.25, 1.333, 1.5

เปิดเครื่องมือ →

Font Stack Builder

สร้างชุด CSS font-family พร้อม web-safe fallbacks

เปิดเครื่องมือ →

เครื่องมือสร้าง CSS Code

สร้าง CSS @import และ font-family code ที่พร้อมใช้สำหรับ Google Font ใดก็ได้

เปิดเครื่องมือ →

ตัวตรวจสอบความคมชัด

ตรวจสอบอัตราส่วนความคมชัดสีข้อความ/พื้นหลังตามมาตรฐาน WCAG AA และ AAA

เปิดเครื่องมือ →

เครื่องคิดเลข Fluid Type

สร้าง CSS clamp() declarations สำหรับการพิมพ์แบบ responsive ที่ลื่นไหลระหว่างขนาด viewport

เปิดเครื่องมือ →

px / rem / em Converter

แปลงระหว่างหน่วย px, rem, em และ pt ได้ทันที ตั้งค่าขนาดฟอนต์พื้นฐานของคุณ

เปิดเครื่องมือ →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

เปิดเครื่องมือ →

Variable Font Playground

สำรวจแกน variable font แบบโต้ตอบ — น้ำหนัก ความกว้าง ความเอียง และขนาดแสง

เปิดเครื่องมือ →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.