Loading...
Loading...
字体预览
用你自己的示例文本并排预览约 22 款常见系统字体和 Google 字体。文字只需输入一次，就会以你选定的字号在每款字体中渲染，无需改样式表即可比较字形、字重和易读性。搜索框可按名称筛选列表，你还能复制喜欢字体的即用 font-family CSS。
系统字体只有在查看设备上已安装才会渲染，因此你这里看着合适的字体在别的机器上可能回退成其他字体。对于 Google 字体，记得在项目里实际加载该网络字体，而不只是复制字体名。
同一段示例文本在约 22 款字体中同时渲染，差异一目了然。
输入你自己的文字，评估每款字体处理真实内容而非占位文本的效果。
改变预览字号，检查每款字体在标题、正文或说明文字尺度下的阅读效果。
获取所选字体的精确 font-family 声明，直接粘贴到样式表中。
输入想要预览的示例文本。
把预览字号调整到目标用途。
搜索或滚动找到喜欢的字体。
复制其 font-family CSS 用于你的项目。
用真实段落在正文字号下比较易读字体，再决定网站采用哪一款。
在大字号下预览展示型字体，找到与正文形成良好对比的标题字体。
看看产品名或标语在多款字体下的样子，为品牌决策提供参考。
每个预览行对同一示例字符串应用不同的 CSS font-family，搜索框则通过匹配字体名来筛选渲染列表。
你的示例文本留在浏览器中，仅用于渲染预览，输入的内容不会发送到任何地方。
渲染二十多行文本对浏览器来说轻而易举；网络字体首次加载时可能需要片刻才会绘制出来。