css - css如何计算字体大小?

  显示原文与译文双语对照的内容
62 5

我有一个复杂的js函数,用一个方程,我实际上需要了解像素字体大小占用多少空间。

我注意到,有些字体大小不同,取决于字体。

如何计算字体的大小? 如果它的设置为 12px,在css中,12px 表示什么? 那是 12px 宽高? 还是一个对角像素测量?

时间: 原作者:

117 5

请参见规范插件:

字体大小对应于 em 正方形,即排版中使用的概念。
注意,某些字形可能在它的em 正方形之外出血。

54 2

高度是标准测量值

字体高度由线条的高度测量或者指定,这是显示字符范围所需的高度,包括倾斜线条和raised元素的高度,如 Ê的raised 。

在 24px 和 12px http://media.banzaimonkey.net/images/forums/font-sizes.png 字体按外观显示字体: 宋体,Courier,宋体,Consolas 。

宽度

字体宽度在字体之间会变化,如你在图像 上面 中所看到的。 比例fixed-width 字体之间也有一个重要的区别。 对于固定宽度字体,每个字符占用的空间完全相同( 尽管字符本身不相同) 。 for,space,relative,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically,typically等。

字体

字体本身以不同的方式呈现字形,这意味着特定的字符不一定会跨字体呈现相同的高度。 这也意味着没有标准的方法来确定某个字符可以能在任何给定大小上的高度。

大多数情况下可能不明显,但是如果你检查字体许可条款,你会发现它们被授权作为字体软件 。 本质上,每个字体都包含一组算法,用于确定字体在给定上下文( 各种大小,粗体,斜体,等等 ) 中的呈现方式。

因此,确定字体在给定上下文中呈现方式的最佳方法是呈现它并查看。

大小调整问题

当你处理网页上的东西时,有一些字体大小的警告。

对于站点

任何优秀的网页设计师都知道。 在呈现页面时,可以能会出现无数变量,例如浏览器。默认字体。平滑。平滑。

除了( 在他们跳鲨鱼之前) 之外的列表还有一些关于标准化字体大小和帮助你获得的文章:浏览器之间的类似程度的相似度:

尽管你可以做到你的考虑,你只需要接受一定程度的可以变性,你不能控制。

打印 vs 像素

因为像素通常不是字体( 不同的测量用于印刷)的自然比例,所以提示算法可以通过像素或者两个字体来呈现字体。

实际上,提示算法通常是完全不同的,在专业工作中,你可以能完全使用不同的字体 below 12.

在显示尺寸中像素也是 relative,因此在这些显示器上,12px 将是不同的物理尺寸:

  • 20" 1680 x1050的监视器
  • 22" 1680 x1050的监视器
  • iPhone屏幕
  • Blackberry屏幕
  • 等等.

DR ;博士

总之,它是复杂的。 font-size 指的是显示字符域所需的高度,但在野和毛互联网中,总是存在异常。

原作者:
135 2

按照规范( http://www.w3.org/TR/CSS2/fonts.html )

字体大小对应于 em 正方形,即排版中使用的概念。 注意,某些字形可能在它的em 正方形之外出血。

em 平方的大小说明: http://www.emdpi.com/emsquare.html

原作者:
...