预览 Google Fonts，自定义大小、粗细、间距，并排比较字体
开发者工具
关于此工具
字体预览器可以预览和比较 50 多种 Google Fonts，完全控制大小、粗细、样式、间距和颜色。它提供三种查看模式——预览、字样和比较——并生成可直接使用的 CSS 代码，支持一键复制。
主要功能
- 50 多种热门 Google Fonts，支持搜索和筛选
- 三种查看模式：预览、字样和比较
- 完整的排版控制：大小、粗细（100–900）、样式、字间距、行高
- 自定义文字和背景颜色，支持十六进制输入
- 可编辑预览文本，实时测试效果
- CSS 输出一键复制到剪贴板
使用场景
- 为网页设计项目选择合适的 Google Font
- 在决定之前并排比较两种字体
- 为样式表生成 CSS 字体声明
- 测试不同大小和粗细下的字体可读性
- 通过字样视图浏览字体的完整字符集
fonts
google-fonts
typography
常见问题
字体预览器有哪些字体可用？
工具包含 50 多种热门 Google Fonts，如 Roboto、Inter、Poppins、Playfair Display、Montserrat 等。可以搜索和筛选字体列表来找到理想的字体。
可以并排比较两种字体吗？
可以，比较标签页可以并排查看两种字体，各自有独立的大小和粗细控制，方便在相似字体之间做出选择。
如何获取字体的 CSS 代码？
预览标签页显示当前设置的完整 CSS 声明，点击「复制 CSS」按钮即可立即复制到剪贴板。
字体预览器可以离线使用吗？
工具本身在浏览器中运行，但 Google Fonts 从 CDN 加载，因此需要网络连接才能渲染字体。
可以自定义预览文本吗？
可以，预览区域是可编辑的——点击它即可输入自己的文本，查看所选字体下的效果。