字体预览
使用自定义文本、大小、字重、间距和颜色测试任意谷歌字体。即时复制CSS。
48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS
什么是实时字体预览工具?
实时字体预览工具让您无需编写代码即可实时测试排版效果。从2,000多种谷歌字体中选择,调整大小、字重、字间距和行高,直接看到文字在网站上的效果。
这个工具适合谁使用?
设计师用它快速比较标题和正文的字体。开发者用它在添加到项目前微调CSS。任何构建网站或品牌的人都可以直观地探索谷歌字体,并一键复制即用CSS代码。
如何使用字体配置器
点击字体族按钮打开下拉菜单,在2,000多种谷歌字体中搜索。输入您的示例文本,然后用滑块调整大小(8-200px)、字重(100-900)、字间距和行高。CSS面板即时更新。
谷歌字体 - 免费开源
此工具中的所有2,000多种字体均来自谷歌字体,这是谷歌维护的免费开源字体库。只需简单的CSS导入即可在任何网站使用,无需许可费。生成的CSS片段包含正确的导入行。