【问题标题】:Do all font ascenders/descenders have the same space above/below?所有字体上升/下降的上方/下方都有相同的空间吗?
【发布时间】:2013-11-13 00:31:27
【问题描述】:

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

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

【问题讨论】:

  • 有趣的问题! Afaik 实际上他们可以有不同的填充/边距,这就是为什么强烈建议使用 CSS 重置。现代浏览器应该在这里呈现相同的内容,但特别是旧版浏览器不会。

标签: html css text fonts


【解决方案1】:

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

没有

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

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

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

例子:

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


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

【讨论】:

  • 来源/推理?为什么会变化?资源 我能找到这方面的信息吗?这不是一个答案。 -1
  • @JaceCotton,我快到了,我快到了。
  • 好的。哈“月球周期”。 :P 谢谢你的回答。我确实希望所有字体都遵循一些既定的指导方针,但考虑到有这么多字体,我想这不会发生......这就是我想知道的。谢谢!
  • 所有字体都遵循的准则?为什么?你想让所有不同的字体,嗯,一样吗?
猜你喜欢
  • 1970-01-01
  • 2013-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-31
  • 1970-01-01
相关资源
最近更新 更多