【问题标题】:What is the vertical equivalent of CSS font-kerning?CSS font-kerning 的垂直等价物是什么?
【发布时间】:2019-12-04 02:00:41
【问题描述】:

我的字体未对齐,因为基线低于ygj 等,而不是常规基线。

我尝试过处理一些属性(line-heightheightdisplay: inline-blockvertical-align:text-top),但无法让字体尽可能居中。

是否存在与字距调整等效的 CSS,但在垂直方向上?还有其他方法可以通过 CSS 统一修复此字体吗?

【问题讨论】:

  • 你能举一个你试过的例子吗?适当的词在打印术语中应该是“领先”,并且“行高”属性通常会处理这个问题,除非你有覆盖它的东西。
  • @DerekGutierrez 我认为这在技术上是答案:“领先”并且 CSS 仅支持 line-height。在我的情况下,似乎正确的答案(通常使用 CSS)是创建一个包装器,并不对称地填充该包装器,以便整个文本块向上/向下移动。我确实使用line-height: 100% 来裁剪字体跨度,但这不是必需的。只需创建一个包装器并不对称地填充它。
  • 能分享一下字体吗?
  • @neaumusic 这是一个很好的解决方案。不幸的是,默认情况下所有字体都有不同的基线和行高,我经常遇到这个问题。

标签: css text fonts vertical-alignment font-size


【解决方案1】:

这是一个非常古老的问题,但我最终使用的解决方案(与大多数 CSS 一样)是创建一个包装器并不对称地填充,因此提高了明显的基线。

主要用例是带有大 border-radius 的标题导致轻微(视觉)垂直错位。

【讨论】:

    猜你喜欢
    • 2016-11-23
    • 2021-12-03
    • 2014-05-08
    • 2014-06-12
    • 1970-01-01
    • 2022-11-28
    • 1970-01-01
    • 1970-01-01
    • 2018-07-10
    相关资源
    最近更新 更多