เครื่องมือ 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 แบบโต้ตอบ — น้ำหนัก ความกว้าง ความเอียง และขนาดแสง
เปิดเครื่องมือ →