首页 › 前端工具 › CSS 字体预览器
FP

CSS 字体预览器

调整字体族、字号、字重、颜色、字距、行高,实时预览文字效果

功能CSS 字体预览器
可调属性字体 / 大小 / 粗细 / 颜色 / 字距 / 行高
输出文字预览 + CSS 代码
#333333
字体预览16px / 400

The quick brown fox jumps over the lazy dog.

敏捷的棕色狐狸跃过懒散的狗。1234567890

生成的 CSS 代码0 字符
字号/字粗16px / 400
字距/行高0px / 1.5
颜色#333333

CSS 字体预览器说明

CSS 字体属性控制文字的外观,包括 font-family(字体族)、font-size(字号)、font-weight(字重)、color(颜色)、letter-spacing(字间距)和 line-height(行高)。

font-weight:100-900 数值,400 为 normal,700 为 bold。字间距影响字符间空白,行高控制文本行间距。

使用场景:标题排版、正文设计、代码高亮、中文排版优化等。选择合适字体和行高可显著提升可读性。

前端工具