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

Question

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

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

Answer 1

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

不

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

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

当我从不包含字体大小描述的comps构建页面时,我经常需要渲染一组特定系列的不同字体大小.我有一个我在本地使用的实用程序网页,以便我可以确定必须使用哪种字体大小,以及什么字体对齐将起作用.

_例:

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

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