当在CSS中设置字体大小时,字母的真实高度是多少?

前端之家收集整理的这篇文章主要介绍了当在CSS中设置字体大小时,字母的真实高度是多少?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一个类似的问题 here的答案本质上说:

The height – specifically from the top of the ascenders (e.g.,‘h’ or ‘l’ (el)) to the bottom of the descenders (e.g.,‘g’ or ‘y’)

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

The specs对于计算的字体大小一无所知,所以我猜这是针对特定的,但是我找不到任何引用.

(其他问题herehere问大概相同的事情,但遗憾的是没有答案给出令人满意的解释..)

有没有关于为什么字体大小似乎是“从上升到下降”的文档?

解决方法

关于这个问题的一些背景

在金属上创建信件时,em指的是每个块的尺寸,该字母将被刻上,这个大小由资本M确定,因为它通常占用最多的空间.

现在有一天,字体开发者在计算机上创建自己的字体,而没有物理金属的限制,所以在em仍然存在的时候,它只不过是一个虚构的边界;因此容易被操纵或忽视.

标准

OpenType字体中,em大小应该设置为1000个单位.而在TrueType字体中,em大小通常是1024或2048.

定义字体风格的最准确方法是在定义使用的字体大小时使用EM,尺寸不是指字体的像素高度,而是指由距离决定的字体x高度在基线和字体的平均线之间.

为纪录1 PT约0.35136mm. PX是屏幕上的1“点”,它由每平方英寸点数或屏幕分辨率定义,因此与屏幕不同,是定义字体大小的最差方式.

单位转换

这是一个很好的阅读,如果你喜欢文学,使你的眼睛像我一样流血.. International unification of typopgrahic measurements

1 point (Truchet)                    |  0.188 mm
1 point (Didot)                      |  0.376 mm or 1/72 of a French royal inch
1 point (ATA)                        |  0.3514598 mm or 0.013837 inch
1 point (TeX)                        |  0.3514598035 mm or 1/72.27 inch
1 point (Postscript)                 |  0.3527777778 mm or 1/72 inch
1 point (l’Imprimerie nationale,IN) |  0.4 mm
1 pica (ATA)                         |  4.2175176 mm = 12 points (ATA)
1 pica (TeX)                         |  4.217517642 mm = 12 points (TeX)
1 pica (Postscript)                  |  4.233333333 mm = 12 points (Postscript)
1 cicero                             |  4.531 mm = 12 points (Didot)

决议

µm  :  10.0    20.0    21.2    40.0    42.3    80.0    84.7    100.0    250.0    254.0
dpi :  2540    1270    1200    635     600     317     300     254      102      100

标准只是值得这么多..

一个字体字形与另一个字体的实际大小总是在不断变化:

>开发人员在创建字体时如何设计字体字形,
>以及浏览器如何呈现这些字符.没有两个浏览器将是完全一样的.
>分辨率和ppi的屏幕查看字体.

例如,字体开发人员操作几何是多么常见.当Apple创建Zapfino脚本字体时,它们相对于字体中最大的首都大小进行了调整,但是他们决定将小写字母看起来太小了,所以几年后,他们修改它,使任何给定的点大小比其他字体大约4倍.

如果你没有头痛,请阅读更多..

维基百科有关于现代排版和起源的一些很好的信息;和其他相关科目.

> Point (typography)
> Pixels per inch
> Font metrics
> Typographic units

还有一些第一手的经验

如果您想获得更多的第一手理解,您可以下载免费的字体开发工具FontForge,它与非免费的FontLab Studio相媲美(这两个是我经验中字体开发人员的热门选择).两者都有活跃的社区,所以你可以在学习如何使用它们时得到很多支持.

> Fontlab Studio
> Fontlab Fontographer
> FontForge
> Fontlab Wikibook
> FontForge Documentation

猜你在找的CSS相关文章