这似乎是一个基本问题,但我在SO上找不到类似的问题.在阅读文档时,我无法理解这些概念.我想了解有什么区别之间top和ascent,也bottom和descent.基准到底在哪里？你有图表来帮我形象化吗？

我试图找到font-sizeCSS属性中设置的值对应的内容.

为了给出上下文,我想在CSS中获得em我从其OS/2指标中知道的部分字体(在资本高度之上和基线之下)的大小.该em单元是相对于给定font-size和OS/2的指标是相对于EM-正方形.

我所期待的

我的期望是基于以下参考.我没有发现任何更清楚或更准确的东西.

1. 根据CSS2.1中的W3C参考font-size,以及我在主题(这里,这里和这里)发现的所有Stack Overflow问题中的引用:

   字体大小对应于em square,这是排版中使用的概念.请注意,某些字形可能会在其正方形之外出血.

2. 根据我在排版中的一些知识,em square是字体度量的整个方格,其中定义了上升,下降,间隙,(等等)线.在OS/2指标中,em square字体本身的大小(通常为1000或2048 UPM).

   

   我从W3C找到的唯一解释是1997年CSS1的旧参考,它与em square我使用的现代数字定义一致:

   某些值(例如宽度度量)以相对于抽象方块的单位表示,抽象方块的高度是相同类型大小的类型行之间的预期距离.这个方块称为EM方块.(...)常用值为250(Intellifont),1000(类型1)和2048(TrueType).

因此,如果我正确理解这些引用,则应使用指定font-size的值来生成整个em square字体,并且我们应该能够根据字体的大小和度量来计算字体的一部分的大小.

例如,用......

.my-letter {
    font-family: 'Helvetica Neue';
    font-size: 100px;
    text-transform: uppercase;
}

......我们应该有一个em square的100px,因为Helvetica Neue有一个资本高度714 / 1000(sCapHeight在OS/2表)的资本高度 …

这里有一个类似的问题,其答案实质上是:

高度 - 特别是从上升者的顶部(例如,'h'或'l'(el))到下降者的底部(例如,'g'或'y')

这也是我的经验.即14px Arial中字母的高度K(基线高度)约为10px.

规范没有说明计算的字体大小,所以我猜这是浏览器特定的,但我找不到任何引用它.

(此处和此处的其他问题大致相同,但遗憾的是没有答案给出令人满意的解释..)

是否有任何文件说明为什么字体大小似乎是"从上升到下降"的大小？

我正在使用画布,我想不出任何解决方案,或在我的问题上找到答案.

我有一个字体,其中包含不同大小的符号\字符 - 高度和宽度.

我想从字体中绘制一些字符(符号),在符号的顶部\下面绘制一些字符.问题是我无法找到一种方法来获得我正在绘制的角色的精确高度(以像素为单位),并且它会导致中心符号与顶部\下方的符号之间出现不需要的空间(以获得宽度)一个字符串,有函数context.measureText(theText)).

对于前 让我说我希望'X'成为我的中心符号.和' - '在顶部.它看起来像这样

-
x

但现在'X'和' - '之间有空间,我不想要.

谁能帮我这个 ？

谢谢