反馈

字体查看

上传本地字体(.ttf/.otf/.woff/.woff2),或加载 Google Fonts,实时预览并复制 CSS。
加载字体
支持多文件上传:工具会尝试为同一字体家族注册不同 weight/style 的文件。
若使用 Google 字体,请填写字体家族名或完整的 API family query。

已加载字体
预览设置
32px
0px
1.2
提示:你上传的字体仅在本地浏览器注册并使用,不会上传到服务器。

生成的 CSS
/* CSS 在这里显示 */

📖 工具说明

1. 为什么需要在线字体查看工具?

在进行网页开发或平面设计时,频繁地安装和卸载字体不仅浪费时间,还会导致系统字体库混乱:


2. 核心功能解析

本站 工具将复杂的字体解析逻辑转化为直观的交互体验:

A. 拖拽式加载 (Drag & Drop)
B. 自定义文本测试
C. 字符映射表 (Character Map)
D. 字体元数据提取

3. 操作流程简述

  1. 载入字体: 点击“选择字体文件”或将文件拖入虚线框内。
  2. 输入测试内容: 在文本区域输入您想要测试的词句(默认为“小桥流水人家”或英文“The quick brown fox...”)。
  3. 调整样式: 通过滑块或输入框改变字号、颜色和背景色。
  4. 查看详情: 切换至“字符表”标签,滚动查看所有已注册的字符形状。
  5. 一键重置: 点击清除按钮,载入新的字体进行新一轮测试。

4. 字体参数对照参考

参数术语 描述 对网页的影响
Family Name 字体族名称 在 CSS font-family 中使用的标识符
Units Per Em 每个 Em 的设计单位 影响字体渲染的细腻程度
Ascent / Descent 上升高度 / 下降高度 决定了行高 (line-height) 的默认表现
Glyphs Count 字符总数 反映字体的语言覆盖范围

5. 为什么选择本站字体助手?

📖 相关推荐