Công Cụ Typography

Công cụ tương tác miễn phí cho việc chọn font, ghép cặp và tạo CSS. Tất cả chạy trong trình duyệt của bạn.

Công cụ tạo cặp font

Chọn font và nhận các cặp được AI đề xuất với xem trước trực tiếp.

Mở công cụ →

Xem trước font

Xem trước bất kỳ Google Font nào với văn bản, kích thước, độ đậm và màu tùy chỉnh.

Mở công cụ →

So sánh font

So sánh 2-4 font cạnh nhau với cùng văn bản mẫu.

Mở công cụ →

Máy tính thang tỷ lệ chữ

Tạo thang tỷ lệ chữ hài hòa sử dụng các tỷ lệ như 1.25, 1.333, 1.5.

Mở công cụ →

Công cụ tạo bộ font

Xây dựng bộ CSS font-family với các fallback an toàn trên web.

Mở công cụ →

Công cụ tạo mã CSS

Tạo mã CSS @import và font-family sẵn dùng cho bất kỳ Google Font nào.

Mở công cụ →

Kiểm tra độ tương phản

Kiểm tra tỷ lệ tương phản màu văn bản/nền theo tiêu chuẩn WCAG AA và AAA.

Mở công cụ →

Máy tính chữ linh hoạt

Tạo khai báo CSS clamp() cho typography responsive linh hoạt giữa các kích thước viewport.

Mở công cụ →

Bộ chuyển đổi px / rem / em

Chuyển đổi giữa các đơn vị px, rem, em và pt ngay lập tức. Đặt kích thước font cơ sở.

Mở công cụ →

Font Pairing Tool

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

Mở công cụ →

Sân chơi Variable Font

Khám phá các trục variable font tương tác — độ đậm, độ rộng, độ nghiêng và kích thước quang học.

Mở công cụ →

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.