如何修复以 HTML 呈现的自定义 ttf 中字母之间的高度差?

How can I fix the height difference between letters in a custom ttf that is rendered in HTML?

提问人:user22435635 提问时间:8/24/2023 更新时间:8/24/2023 访问量:54

问:

我正在尝试使用 font forge 创建自定义 ttf 文件。 构建单个自定义 ttf 文件的目的是将 3 种字体的所有字母数字字符 (a-zA-Z0-9) 用作 1 个字体文件。. 我选择的字体是 sourceserif_pro regular、heuristica regular 和 tex gyre regular。 我的计划是使用零宽度非连接器将所有三种字体字形组合成一个 TTF。 我创建了一个自定义的 ttf 文件,将 sourceserif 保留为基本 ttf 文件,并添加了具有 1 个零宽度非连接器的启发式字形、带有 2 个非连接器的 tex gyre 字形的条目。 自定义 TTF 文件 1024 的 EM 大小。 当使用自定义 ttf 在 HTML 中呈现时,仅 Tex Gyre 字体中的字母之间存在高度差异(字体大小 21 以上)。 我附上了自定义 ttf 和示例图像以突出高度差。

我尝试了以下方法:

  1. 尝试以 2 的幂更改 em 大小,例如。1024,2048
  2. FontForge 的“常规”选项卡中提到的相同上升和体面价值已转移到 FontForge 的“指标”选项卡中。
  3. 由于具有 1 个非联接器(非联接器的奇数个)的启发式字形没有问题,因此我尝试向 Tex Gyre 字形添加 3 个非联接器。 上述方法并没有帮助我解决问题。图像共享自定义 TTF 文件

我需要修复高度差

JavaScript HTML 网络字体 FontForge

评论

0赞 Pete 8/24/2023
我想这是由于 ttf 的创建方式,因此它可能更适合在 graphicdesign.stackexchange.com 上问这个问题

答: 暂无答案