×
📱 手机扫码访问
用手机浏览器或微信扫一扫,即可在手机上访问当前页面
扫描后可直接在手机上使用该工具
×
📱 分享「字体查看器」
字体查看器
打开字体文件,预览字形、字号与样式效果。
https://www.toolwan.cn/tool/Font-Viewer/
ToolWan · 在线工具
长按上方二维码即可保存,分享给微信 / QQ 好友
字体查看器
TTF · OTF · WOFF · WOFF2 · TTC 字体信息解析与实时预览
Aa
点击选择或拖拽字体文件到此处
支持 TTF / OTF / WOFF / WOFF2 / TTC,可多选批量上传,全程本地解析
实时预览
永和九年,群贤毕至。The quick brown fox jumps over the lazy dog. 0123456789
字体信息
字符收录
使用说明
- 点击虚线框或直接拖入字体文件,支持 TTF / OTF / WOFF / WOFF2 / TTC,可一次多选批量上传。
- 点击字体卡片切换当前字体;预览文字可直接编辑,工具条可调字号、行高、字距、对齐、粗斜与配色。
- 勾选「全部字体对比」可同时预览所有已上传字体,方便横向比较挑选。
- 「字符收录」按区块浏览字符,点击任意字符查看码点与字形详情;搜索框支持粘贴字符或输入码点定位。
- 「复制 @font-face」「复制字体信息」可一键导出;全部解析在浏览器本地完成,文件不会上传,可放心使用。
字符详情
本地解析字体文件并实时预览字形、字号与样式的在线字体查看工具
- 支持 TTF/OTF/WOFF/WOFF2/TTC 五种格式
- 纯前端本地解析,无任何网络请求
- 可实时预览字形、字号与样式效果
- 支持字符收录浏览与码点详情
- 可批量对比字体并生成 @font-face
- 支持计算字体文件 SHA-256 指纹
相关问法:
在线字体预览工具
· 字体文件查看器
· ttf otf 在线预览
· 字体字形预览网站
· 本地字体解析工具
· 字体码点查看
· woff2 字体预览
· 字体对比工具
· @font-face 生成器
· 字体 SHA-256 校验
📖 功能介绍
工具简介 字体查看器是一个在浏览器里直接打开字体文件的小工具,支持 TTF、OTF、WOFF、WOFF2、TTC 格式,能预览字形、字号和样式效果,所有解析都在本地完成,不上传文件。 ### 适用场景 - 下载了一款新字体,想先看看里面有哪些字、长什么样,再决定要不要安装。
做设计或排版时,需要对比几款字体的同一段文字效果,挑出更合适的那一个。
前端开发要写 @font-face 规则,需要确认字体的实际名称、字重和格式信息。
拿到一个字体文件但不确定来源和版本,想通过 SHA-256 指纹核对文件是否一致。
想查看某个字符的 Unicode 码点,确认字体是否收录了这个字。 ### 使用步骤 1. 打开字体查看器页面,点击上传区域或直接把字体文件拖进去,文件不会离开你的电脑。
2. 等待解析完成,页面会显示字体的基本信息,包括字体名称、格式、字重和字符总数。
3. 在预览区输入想看的文字,调整字号和样式,实时查看字形渲染效果。
4. 切换到字符收录区,浏览字体包含的所有字符,点开单个字符可以查看它的 Unicode 码点详情。
5. 如果需要,可以同时加载多个字体做对比,或者复制生成的 @font-face 代码和 SHA-256 指纹。
📋 常见问题FAQ
-
这个工具支持哪些字体格式?支持 TTF、OTF、WOFF、WOFF2 和 TTC 五种格式。
-
字体文件会上传到服务器吗?不会。所有解析都在浏览器本地完成,不发送任何网络请求。
-
怎么预览字体效果?打开字体文件后,在预览区输入文字,即可看到该字体的字形、字号与样式效果。
-
能查看字体里收录了哪些字符吗?可以。切换到字符收录浏览,可查看字体包含的字符及其对应码点详情。
-
可以同时对比多个字体吗?可以。使用批量对比功能,可一次加载多个字体文件并排查看。
-
能生成 @font-face 代码吗?可以。工具会根据当前字体生成对应的 @font-face CSS 代码,可直接复制使用。
-
SHA-256 指纹是做什么用的?用于生成字体文件的唯一哈希值,方便校验文件是否一致或是否被修改。
-
使用这个工具需要注意版权问题吗?需要注意。字体版权归原作者所有,请确保已取得合法授权后再使用。
友情链接