为什么当SVG TEXT呈现为与字体文件中的宽度和高度不一致时，浏览器的宽度和高度如何？

Question

渲染text

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

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

Answer 1

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

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

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

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