字体预览
检测本机系统字体，用自定义文本实时调整样式、并排对比并生成 CSS 代码。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传字体预览字体对比设计工具
预览文本与样式
预览背景
字体列表
正在检测本机字体…上传本地字体（可选）选择字体文件
支持 .ttf / .otf / .woff / .woff2，文件仅在浏览器本地加载，不会上传。
字体详情与 CSS
生成的 CSS 代码
工作原理
- 1页面加载后，通过 Canvas 度量法逐个比对候选字体与三个基准字体（monospace / serif / sans-serif）的文本渲染宽度，判断字体是否已安装在本机。
- 2选择或搜索字体后，用当前预览文本与样式参数在浏览器中实时渲染，所有测量与绘制都在本地完成。
- 3调整字号、字重、行高、字间距、对齐与配色时，预览区域即时刷新；勾选「并排对比」可同时查看多款字体的差异。
- 4还可以上传本地 .ttf / .otf / .woff / .woff2 字体文件，通过 FontFace 在浏览器内加载试用（文件不会离开你的设备）。
- 5最后按当前设置生成字体栈与排版 CSS 代码，一键复制到你的样式表中即可使用。
常见问题
预览的字体是网络字体吗？会从网上下载吗？
不会。本工具完全不发起任何网络请求，也不加载任何网络字体。可用字体只来自两个来源：你本机已安装的系统字体，以及你自己手动选择上传的本地字体文件。
为什么有些字体显示为「未检测到」？
候选清单覆盖了 Windows、macOS、Linux 与常见中文字体，但每台电脑安装的字体各不相同。工具通过度量法检测，未检测到表示本机未安装该字体，此时预览会回退到同分类的系统字体。
上传的字体文件会被上传到服务器吗？
不会。字体文件通过 File.arrayBuffer() 在浏览器内存中读取，并使用 FontFace API 注册到当前页面，全程在本地完成，文件不会离开你的设备，刷新页面后即失效。
字重、斜体等设置对没有对应字形的字体有效吗？
字重与斜体由浏览器和字体本身共同决定：若字体只提供 Regular，浏览器会使用合成加粗/倾斜。想要精确效果，请选用提供了对应字重的字体，或上传包含多字重的字体文件。
「缺字提示」是什么原理？
工具会用目标字体与基准字体分别渲染同一个字符，如果两者宽度完全一致，说明该字符很可能由回退字体渲染，即目标字体缺少该字形。这是纯前端的粗略判断，仅供参考。
生成的 CSS 可以直接用吗？
可以。生成的 font-family 已包含同分类的系统回退链，跨平台时不会因为缺少某个字体而出现意外；若使用的是本地上传字体，还会附带 @font-face 模板，你只需把字体文件放到对应目录即可。