为什么浏览器呈现的SVG文本的宽度和高度与字体文件中的宽度和高度不一致？

Question

我使用了很多字体设计工具来读取字体的宽度和高度，并且在浏览器中呈现的svg文本的宽度和高度似乎不一致？

什么导致浏览器有多余的空白？

这里是一个示例

如何计算没有操作dom的真实身高？

Answer 1

字体必须允许字符降到字体行的下方，例如p，y，g。字母的下降到字体常规行以下的部分称为descender

同样，字体可以包含部分内容，例如在大多数字母ascenders

的正常顶部上方呈现的重音

仅仅因为您选择的字母都没有，并不意味着字体不允许它们。您不希望仅因为添加了一个正好包含升序或降序的字母而改变文本。

[[0]可能有用，如果您想获取此信息，但是SVG不提供可以获取此信息的API。