2

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

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

4

1 回答 1

5

所有字体上升/下降的上方/下方都有相同的空间吗?

没有

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

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

当我从不包含字体大小描述的组件中构建页面时,我经常需要渲染特定系列的大量不同字体大小。我有一个在本地使用的实用程序网页,这样我就可以确定必须使用哪种字体大小以及哪种字体对齐方式可以工作。

例子:

字体大小示例

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


如果你绝对必须有一个精确的渲染,你应该使用图像来渲染文本。使用该[alt]属性来引用图像中的文本。它不像文本那样易于管理,因为它需要在每次需要更改内容时重新渲染,但它工作得很好,特别是对于绝对必须以指定方式渲染的徽标之类的东西。

于 2013-11-01T18:28:12.243 回答