Tiny Online Tools
在正式采用之前，先看看字体在真实内容里是什么样
一款字体在小样里看起来很好，并不代表放进真实文本、真实字号和真实阅读节奏里也同样合适。这个预览工具可以帮助你用自己的内容和更接近实战的设置来测试 Google Fonts。
适合哪些场景
它很适合比较多种候选字体、检查不同字重和样式，并尽早发现颜色、字距或行高方面的问题。确定最终字体前，最好先用接近真实界面的文本看一遍。
字体预览工具
使用自定义文本和样式预览 Google Fonts。
用于预览字体效果的示例文本。
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !@#$%^&*()-+[]{}|;:,.<>?
相似工具
字体配对生成器
为您的项目探索精心挑选的Google Fonts配对。
字间距工具
调整并预览 CSS letter-spacing，并查看可读性区间。
文字阴影生成器
通过实时预览创建 CSS text-shadow 效果。
行高计算器
计算适合可读排版的最佳行高。
像素化图像
将任何图像像素化以创建复古 8-bit 风格或遮挡敏感内容。块大小可调，完全在浏览器中运行。
随机颜色生成器
使用和谐规则生成随机调色板。
CSS Clip-Path 生成器
生成带实时预览的CSS clip-path形状。
更多工具
浏览我们完整的免费在线工具集合。