排版工具
免费的交互式字体选择、搭配和 CSS 生成工具。所有功能在浏览器中运行。
字体搭配生成器
选择字体,获取 AI 推荐的搭配方案并实时预览。
打开工具 →字体预览
使用自定义文本、大小、字重和颜色预览任意 Google Fonts 字体。
打开工具 →字体对比
使用相同的示例文本并排比较 2-4 种字体。
打开工具 →字体比例计算器
使用 1.25、1.333、1.5 等比例生成和谐的字体比例。
打开工具 →字体栈构建器
构建带有 Web 安全回退字体的 CSS font-family 字体栈。
打开工具 →CSS 代码生成器
为任意 Google Fonts 字体生成即用的 CSS @import 和 font-family 代码。
打开工具 →对比度检查器
根据 WCAG AA 和 AAA 标准检查文本/背景颜色对比度。
打开工具 →流体字体计算器
生成 CSS clamp() 声明,实现不同视口尺寸间的流体响应式排版。
打开工具 →px / rem / em 转换器
即时转换 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.
打开工具 →可变字体试验场
交互式探索可变字体轴——字重、字宽、倾斜和视觉尺寸。
打开工具 →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.