注：本文由逐浪曦之字体软件团队支持，做字体用曦之，更快更方便，免费下载 c.ziti163.com

ttf、otf字体文件，本身是由一个个的表构成。

是的，您的理解完全正确。TTF（TrueType）和 OTF（OpenType）字体文件，其本质就是一个由多个独立的数据表（Tables）拼装而成的“微型数据库”。这种底层文件结构被称为 SFNT 格式。

无论你看到的是优美的曲线，还是复杂的字距调整，在底层全都是分门别类存储在不同表中的二进制数据。

字体文件的基本构成

一个标准的 TTF/OTF 文件在二进制层面通常分为三个部分：

1. 文件头（Offset Table / Header）： 记录了字体文件的版本号以及内部包含了多少个数据表。
2. 表目录（Table Directory）： 相当于书籍的“目录”。它记录了每个数据表的名称（固定为 4 个字符的标签，如 cmap）、校验和、在文件中的起始偏移量（Offset）以及表的长度。解析器通过读取目录，就能直接跳转到特定表的位置。
3. 实际表数据（Table Data）： 具体的表内容。

---

核心数据表（Tables）有哪些？

不同的表负责字体的不同功能，以下是构成字体最核心的几个表：

表标签 (Tag)	功能说明	核心作用
head	Font Header (字体全局头信息)	记录字体的全局信息，如版本号、创建/修改时间、全局边界框（BBox）等。
name	Naming Table (命名表)	存储字体的名称、家族名、版权信息、设计师名字等。支持多语言。
cmap	Character to Glyph Index Mapping	极其重要。负责将 Unicode 编码（如“中”字的 U+4E2D）映射到字体内部的字形索引号（Glyph ID）。
glyf	Glyph Data (字形数据 - 仅限 TTF)	存储真正的矢量轮廓数据（点、线、控制点）以及复合字形的组件信息。
CFF	Compact Font Format (仅限 OTF)	OTF 存储矢量轮廓的表（基于三次贝塞尔曲线），替代了 TTF 的 glyf 表。
hmtx	Horizontal Metrics (水平排版指标)	记录每个字形的宽度（Advance Width）和左侧边距（LSB）。
OS/2	OS/2 and Windows Metrics	包含用于操作系统和浏览器的排版度量数据（如字重、字宽、上标/下标尺寸等）。
GSUB / `GPOS`	高级排版表 (OpenType 特性)	GSUB 负责字形替换（如连字 fi），GPOS 负责字形定位（如复杂的音标定位或字距微调）。

---

如何解析、拆分并“可视化”这些字体文件？

想要直观地看到这些表，甚至对它们进行拆解和修改，工业界和开发环境中有以下几种最成熟的方案：

1. 代码级/程序化解析：fontTools (Python)

如果你需要对字体文件进行深度的程序化处理，Python 的 fontTools 库是目前的行业标准。它不仅可以读取，还能完美地将 TTF/OTF 文件“解构”并“可视化”为易读的文本格式。

fontTools 自带一个极其强大的命令行工具叫做 ttx：

# 将 TTF 字体转换为人类可读的 XML 格式
ttx font.ttf

执行后，它会生成一个 font.ttx 文件。你用任何代码编辑器打开它，就会看到字体被完美地拆解成了 XML 树状结构，每一个 <Table>（如 <cmap>、<glyf>）里都有直观的节点数据。修改这个 XML 文件后，还可以通过 ttx font.ttx 重新编译回 .ttf 格式。这是字库开发者调试和拆分字体的最强利器。

2. 专业图形化界面软件 (GUI)

如果你希望以图形界面的方式去查看表的结构、轮廓节点和映射关系：

• FontCreator / FontForge： 这类专业的字体编辑器在导入字体时，底层就是读取这些表。它们通常提供“字体信息”或高级查看面板，让你能直接编辑 name 表、OS/2 表参数，并可视化地查看 glyf 轮廓。
• OTMaster (OpenType Master)： 这是一款非常硬核的字体表结构查看与编辑软件，它可以像操作注册表一样，原汁原味地展开每一个 SFNT 数据表供你查看和微调。

3. 纯浏览器端的在线可视化工具

如果你只是想快速查看某个字体的表信息，不想写代码或安装软件，可以直接把字体文件拖拽到以下网站：

• FontDrop.info： 极其直观的在线工具。将字体拖入后，它会自动解析并可视化呈现字体的 name 表、cmap 映射、涵盖的语系以及各种 OpenType 特性（GSUB/GPOS）。
• Wakamai Fondue： 类似 FontDrop，非常适合用来分析字体到底包含了哪些特性表和字形数据。

继续拆解

在由 fontTools (TTX) 导出的 .ttx（XML）文件中，你看到的 这一行行数据，正是 构成单个字形（Glyph）最底层的矢量控制点坐标。

它们通常位于 表（Glyph Data）下的某个 标签内。让我们详细拆解一下这些数据的含义，以便你更好地理解字体是如何可视化的：

标签的数据结构解析
在 TTX 文件中，字形的轮廓数据被组织成这样的层级：

-> (具体的字形) -> (轮廓/路径) -> (控制点)

当你看到这样一段代码：

<contour>
  <pt x="764" y="1138" on="1"/>
  <pt x="769" y="1125" on="1"/>
  <pt x="791" y="1098" on="1"/>
</contour>

1. contour（轮廓线）
   在矢量图形中，一个 contour 代表一条闭合或开放的连续路径。
   例如：

字母 O 通常有 2 个 contour（一个外圈，一个内圈）。

汉字“一”只有 1 个 contour。

汉字“回”有 2 个 contour。

1. pt（Point，控制点）
   这是路径上的一个具体的点。

x=”…” y=”…”：
这就是点在字体设计坐标系（通常称为 EM Square，比如以 1000x1000 或 2048x2048 为网格）中的绝对坐标值。

x 代表水平位置。

y 代表垂直位置。

on=”1” 或 on=”0”（关键属性）：
这个属性定义了该点是曲线上的点（On-curve）还是曲线外的控制点（Off-curve），这直接决定了字体渲染引擎如何绘制曲线。

on=”1”（曲线上点 / 锚点）： 代表这个点是真实落在可见路径上的点，相当于钢笔工具画出来的锚点。

on=”0”（曲线外点 / 控制点 / 手柄）： 代表这个点是不在路径上的控制点（Bézier control point），它的作用是像磁铁一样去“拉伸”和定义两点之间曲线的弧度。

TTF 曲线绘制的特殊逻辑（二次贝塞尔曲线）
你提供的例子中，所有点都是 on=”1”：

<pt x="764" y="1138" on="1"/>
<pt x="769" y="1125" on="1"/>
<pt x="791" y="1098" on="1"/>

因为这三个点全都是 on=”1”（都在路径上），这意味着如果按照 TTF 的渲染规则，这三个点之间连接的是直线（线段）。

而在更复杂的弧线处，你会看到类似这样的组合：

<pt x="100" y="100" on="1"/> <!-- 曲线起点 -->
<pt x="150" y="200" on="0"/> <!-- 决定曲线弧度的控制点 -->
<pt x="200" y="100" on="1"/> <!-- 曲线终点 -->

TrueType 字体（.ttf）默认使用二次贝塞尔曲线（Quadratic Bézier Curves）来描绘轮廓。
如果有连续两个 on=”0” 的控制点，渲染引擎会在它们连线的中点隐式插入一个虚拟的 on=”1” 点，从而平滑地连接曲线。

可视化这些点的意义
你现在看到的是冰冷的数字。当渲染引擎（比如 Windows 的 FreeType 或苹果的 Core Text）读取到这个 .ttf 文件时，
它们会：
1.定位到特定的 Glyph。
2.读取所有的 contour。
3.按照顺序，通过二次贝塞尔数学公式，把一个个 pt 连接起来，生成矢量的边框。
4.对边框内部进行光栅化填充（栅格化为像素）。

这就是为什么我们在屏幕上放大字体，边缘始终平滑的原因，因为底层本质上是一组组精确的数学坐标方程。

如何用代码修改这些坐标

使用 Python 的 fontTools 库，你可以非常高效地批量操作这些底层矢量节点。

在这个例子中，我们将实现一个功能：找到特定汉字（如“中”），并将其所有节点的 Y 坐标统一向上平移。

这涉及三个核心步骤：

通过 cmap 表，把字符（如“中”）转换为内部的 Glyph Name。

在 glyf 表中找到对应的字形数据。

遍历并修改其 coordinates（也就是对应 TTX 里的 ）。

Python 实现代码
确保你已经安装了库：pip install fonttools

from fontTools.ttLib import TTFont
from fontTools.ttLib.tables._g_l_y_f import GlyphCoordinates

def shift_glyph_y(font_path, output_path, target_char, shift_value):
    # 1. 加载字体文件
    print(f"正在加载字体: {font_path} ...")
    font = TTFont(font_path)

    # 2. 查询 cmap 表：获取字符对应的 Glyph Name
    cmap = font.getBestCmap()
    codepoint = ord(target_char)

    if codepoint not in cmap:
        print(f"错误: 字符 '{target_char}' 不在当前字体中。")
        return

    glyph_name = cmap[codepoint]
    print(f"[{target_char}] 映射的 Glyph Name 为: {glyph_name}")

    # 3. 访问 glyf 表获取具体的字形数据
    glyf_table = font['glyf']
    if glyph_name not in glyf_table:
        print("错误: 未找到对应的字形矢量数据。")
        return

    glyph = glyf_table[glyph_name]

    # 4. 操作坐标点
    # 中文字符常常是复合字形 (Composite Glyph)，即由多个偏旁部首拼合而成
    if glyph.isComposite():
        print("这是一个复合字形。正在调整组件偏移量...")
        # 复合字形没有直接的节点，而是引用其他字形并带有坐标偏移 (X, Y)
        for component in glyph.components:
            # 仅在原有偏移基础上增加 shift_value
            component.y += shift_value 

    else:
        print("这是一个简单字形。正在修改底层矢量节点...")
        # 为了让 fontTools 能够读取未解包的字形坐标，必须先调用 expand
        glyph.expand(glyf_table) 

        if hasattr(glyph, 'coordinates'):
            # 方法 A: 遍历修改 (与你看到的 TTX 中的 <pt> 一一对应)
            new_coords = []
            for x, y in glyph.coordinates:
                new_coords.append((x, y + shift_value))
            glyph.coordinates = GlyphCoordinates(new_coords)

            # 方法 B: 快捷平移 (fontTools 原生提供的方法，效果等同于方法 A)
            # glyph.coordinates.translate((0, shift_value)) 

            print(f"成功更新了 {len(glyph.coordinates)} 个控制点。")

    # 5. 保存修改后的字体
    font.save(output_path)
    print(f"操作完成！新字体已保存至: {output_path}")

# ==========================================
# 执行测试
# ==========================================
if __name__ == "__main__":
    # 假设你有一个名为 test.ttf 的文件
    # 将 "中" 字的 Y 坐标整体向上移动 200 个单位
    shift_glyph_y("test.ttf", "modified.ttf", "中", 200)

代码运行原理解析
1、font.getBestCmap()： 字体里可能有多个映射表（兼容不同平台），这个方法会自动挑选最全面、最标准的一个。

2、复合字形判断 (isComposite())： 这是中文字体处理的常见“坑”。很多时候汉字（如“明”）在字体里并不是一笔一画画出来的，而是由“日”和“月”两个现成组件（Component）拼装的。如果是复合字形，底层没有 标签，只有 标签。上面的代码对这两种情况都做了兼容处理。

3、glyph.expand()： 为了压缩体积，fontTools 刚读取 TTF 时，坐标数据可能是被折叠打包的二进制状态。调用 expand() 可以强制将其展开为我们可以操作的节点列表。