返回

字体预览

预览常用字体效果，调整字号、字重、行高等参数，复制 CSS 代码

工具说明

什么是 字体预览？

预览常用字体效果，调整字号、字重、行高等参数，复制 CSS 代码

如何使用？

  1. 输入预览文本：输入一行或一段文字作为测试用例（支持中英文）。
  2. 调整参数：拖动滑块实时改变字号（Font Size）、字重（Font Weight）以及行高。
  3. 挑选与应用：浏览不同系统自带字体的渲染效果，选定后直接复制对应的 CSS 字体族代码。

使用场景

前端排版设计

在不打开设计软件的情况下，快速在浏览器中测试排版效果，并获取可直接粘贴进项目的CSS属性。