所有字体上升器/下降器是否在上方/下方具有相同的空间?

时间:2013-11-01 18:26:22

标签: html css text fonts

所有字体上升器/下降器是否在上方/下方具有相同的空间?我正在尝试编写一个全局样式表,它会从h1-6元素中删除顶部和底部空间,我发现这些元素不超过8个像素左右(随着h元素的降低而降低。)我之所以考虑这个原因,是因为我不会有任何高大的角色占据上升/下降器所以我真的没有用它(加上我需要精确定位我的元素。)

我的问题是,所有字体是否具有相同的升序/降序空间,或者是否因字体,操作系统或浏览器而异。

1 个答案:

答案 0 :(得分:5)

  

所有字体上升器/下降器是否在上方/下方具有相同的空间?

都能跟得上

它因字体,操作系统,浏览器以及可能的月球周期而异。您可以预期字体始终不一致。

有些字体甚至没有ascenders / descenders的概念。如果使用图标字体,你会怎么做?一些字体对齐下降,使得它们甚至不下降到基线以下。其他人,例如书法字体,往往会低于基线,无论角色是否有实际的下降。

当我从不包含字体大小描述的comps构建页面时,我经常需要呈现特定系列的大量不同字体大小。我有一个我在本地使用的实用程序网页,以便我可以确定必须使用哪种字体大小,以及哪种字体对齐方式都有效。

<子>实施例

font size example

此示例使用Arial,甚至Arial对Chrome,Firefox和IE之间的某些尺寸呈现不同。当您使用多组字体时,您还必须担心该组中的所有其他选项,以防用户没有安装该字体。


如果绝对必须有精确渲染,则应使用图像渲染文本。使用[alt]属性引用图像中的文本。它不像文本那样易于管理,因为它需要在每次需要更改内容时重新呈现,但它运行良好,特别是对于绝对必须以指定方式呈现的徽标等。