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。字间距影响字符间空白,行高控制文本行间距。
使用场景:标题排版、正文设计、代码高亮、中文排版优化等。选择合适字体和行高可显著提升可读性。