没有 Canvas（HTML5 元素），如何在 JavaScript 中测量 TextMetrics，如字体的上升、下降、CapHeight

【问题标题】：Without Canvas(HTML5 element), how to measure TextMetrics like ascent, descent, CapHeight of font in JavaScript没有 Canvas（HTML5 元素），如何在 JavaScript 中测量 TextMetrics，如字体的上升、下降、CapHeight
【发布时间】：2026-02-07 08:15:02
【问题描述】：

注意：

我需要字体的上升下降和 CapHeight 而不仅仅是行高。
需要使用客户端脚本 (JavaScipt) 的指标。

【问题讨论】：

嗨，到目前为止，您尝试了哪些方法，您的研究向您展示了什么？你能说为什么不允许使用画布吗？除了 offsetHeight 可能在不同的情况下，您可以使用的东西不多。 JS是你可以使用的吗？还有什么字体类型/格式，看看实际的字体设计信息不是更好吗？

标签： javascript css fonts html5-canvas fontmetrics

【解决方案1】：

您可以使用opentype.js 解析字体以获取字体OS/2 table 中的值。对于上升、下降和上限高度，请使用 sTypoAscender、sTypoDescender 和 sCapHeight 字段。

【讨论】：