在正式采用之前,先看看字体在真实内容里是什么样
一款字体在小样里看起来很好,并不代表放进真实文本、真实字号和真实阅读节奏里也同样合适。这个预览工具可以帮助你用自己的内容和更接近实战的设置来测试 Google Fonts。
适合哪些场景
它很适合比较多种候选字体、检查不同字重和样式,并尽早发现颜色、字距或行高方面的问题。确定最终字体前,最好先用接近真实界面的文本看一遍。
Tiny Online Tools

使用自定义文本和样式预览 Google Fonts。

为您的项目探索精心挑选的Google Fonts配对。

通过实时预览创建 CSS text-shadow 效果。

调整并预览 CSS letter-spacing,并查看可读性区间。

计算适合可读排版的最佳行高。

在浏览器中快速裁剪图片。

分析文本中每个字符出现的次数。

Clean up whitespace in 文本: collapse 空格, trim 行, 删除 blank 行, 和 normalize 行 endings.
浏览我们完整的免费在线工具集合。
一款字体在小样里看起来很好,并不代表放进真实文本、真实字号和真实阅读节奏里也同样合适。这个预览工具可以帮助你用自己的内容和更接近实战的设置来测试 Google Fonts。
它很适合比较多种候选字体、检查不同字重和样式,并尽早发现颜色、字距或行高方面的问题。确定最终字体前,最好先用接近真实界面的文本看一遍。