html - 在 HTML 输入中调整文本光标的垂直位置(相对于文本本身)

Question

我注意到一些网络字体的规范导致与 HTML 输入字段中文本的垂直对齐非常差(见下图，这是通过 MyFonts 获得的“Gill Sans”的渲染)。 我相信这是字体本身的问题，因此不能用 CSS 解决(尽管我已经包含了 CSS 标签以防我错了)。 调整行高不能解决问题，因为行高会影响文本和光标的位置一起。

Answer 1

我最终使用 Transfonter 修复了垂直指标(一定要勾选“修复垂直指标”)。为了弄清楚该工具在做什么，我使用了 TTX 命令 ( FontTools ) 将原始字体和固定字体转换为 XML 格式。该工具似乎正在调整 HHEA 和 OS/2 表中的上升值和下降值(可能通过遍历所有字形并找到最大上升值和最小下降值)。

原始 HHEA 表

<hhea>
  ...
  <ascent value="750"/>
  <descent value="-250"/>
  ...
</hhea>

固定的 HHEA 表

<hhea>
  ...
  <ascent value="911"/>
  <descent value="-230"/>
  ...
</hhea>

原始 OS/2 表

<OS_2>
  ...
  <sTypoAscender value="750"/>
  <sTypoDescender value="-250"/>
  <usWinAscent value="926"/>
  <usWinDescent value="274"/>
  ...
</OS_2>

固定 OS/2 表

<OS_2>
  ...
  <sTypoAscender value="911"/>
  <sTypoDescender value="-230"/>
  <usWinAscent value="911"/>
  <usWinDescent value="230"/>
 ...
</OS_2>