前端工程师需要知道关于字体的三个工具

fonttools

fonttools 是一个用于处理字体文件的 Python 库。它提供了一组功能强大的工具和 API,用于读取、解析、修改和生成各种字体文件格式,如 TrueType、OpenType、WOFF 等。

使用 fonttools,你可以执行以下操作:

  1. 字体文件解析:fonttools 可以读取字体文件,并将其解析为可操作的对象,如字形、字体表、元数据等。

  2. 字体文件修改:你可以使用 fonttools 来修改字体文件的各个部分,如修改字形轮廓、调整字体度量、添加元数据等。

  3. 字体文件生成:fonttools 还提供了生成字体文件的功能,你可以使用它来创建新的字体文件,或者从现有字体文件中提取部分内容。

  4. 字体文件转换:fonttools 支持将字体文件转换为其他格式,如将 TrueType 字体转换为 WOFF 格式。

fonttools 内部有一个 pyftsubset 工具,可以用于裁切字体,命令如下

pyftsubset SourceHanSansCN-Medium.otf --text-file=./text.txt

fontdrop.info

fontdrop.info 是一个在线字体识别工具。它可以帮助用户识别并提取网页上使用的字体信息。

使用 fontdrop.info,你可以执行以下操作:

  1. 字体分析:fontdrop.info 会显示字体的名称、字体家族、字体样式、字体文件格式等详细信息。它还会显示字体的字符覆盖范围和字符映射表,以及字体文件的大小和下载链接。

  2. 字体预览:fontdrop.info 提供了字体预览功能,可以显示字体在不同字号和样式下的效果,帮助用户更好地了解字体的外观和特点。

不要将中文字体拖入该网站进行分析,响应时间会比较长,可以使用 macOS 的 Glyphs3 工具

Glyphs3

Glyphs3 是一款专业的字体设计和编辑软件,由 Georg Seifert 开发,主要用于 macOS 系统。它提供了一套完整的工具和功能,让设计师可以从零开始创建新的字体,或者编辑和优化现有的字体。

以下是 Glyphs3 的一些主要特性:

  1. 用户友好的界面:Glyphs3 的界面设计简洁直观,所有的工具和选项都易于访问,使得设计和编辑字体变得更加容易。

  2. 强大的编辑功能:Glyphs3 提供了一套全面的字形编辑工具,包括路径编辑、节点编辑、曲线优化等,可以满足各种复杂的设计需求。

  3. 高级字形管理:Glyphs3 支持 Unicode、OpenType、TrueType 等多种字形编码和格式,可以方便地管理和组织字形。

  4. 实时预览:在设计过程中,Glyphs3 可以实时预览字体效果,帮助设计师快速调整和优化设计。

  5. 脚本和插件支持:Glyphs3 支持 Python 脚本,用户可以编写脚本来自动化一些重复的任务。同时,还有许多第三方插件可以扩展 Glyphs3 的功能。

  6. 多语言支持:Glyphs3 支持创建多语言字体,包括拉丁语、希腊语、阿拉伯语等。

前端工程师可以通过这个工具查看字体文件内部的实际的字符数量、字重数量等信息

参考链接

相关推荐
天道kabuto42 分钟前
踩坑实录:JS Map迭代器为什么“用完即焚”?兼谈技术知识沉淀
前端
字节跳动开源1 小时前
VisActor全新图可视化开源项目:VGraph
前端·设计模式·开源
打呵欠的猫1 小时前
前端接口超时从 15s 改到动态值后,用户投诉降了 60%——AI 帮我分析出的方案
前端·ai编程
岁月宁静1 小时前
二、《从零手撸 Agent》 — 聊聊 LLM 的失忆真相
前端·python·agent
郭邯1 小时前
用纯前端实现一个代码压缩美化工具,我踩了这三个坑
前端
用户283209679371 小时前
从进程线程到 async/await:JS Event-loop事件循环机制底层解析
前端·javascript
岁月宁静1 小时前
一、《从零手撸 Agent》 我用 10 行代码跑通了第一次大模型调用(顺便踩了 4 个坑)
前端·python·agent
计算机魔术师1 小时前
Fable 5.1 来了,智能体任务成本降 45%——Anthropic 这次为何降价这么狠
前端
Csvn1 小时前
现代 CSS 新特性深度:container query、:has()、@scope 与 subgrid
前端
计算机魔术师2 小时前
Anthropic 自己承认:模型越来越难管住了
前端