3

我试图弄清楚如何移动一段文本的下降线，以移动“y”和“g”等字母中的所有下降线以显示在基线上方，但实际上并未移动基线。有没有办法在不使用特殊字体的情况下做到这一点？

4

3 回答 3

0

正如@BoltClock 建议的那样，我也不是排版专家，除了最终通过font-feature-settings. CSS 不提供这种精细的排版控制。

我想到的唯一（可怕的）解决方法是单独使用每个字符移动position: relative- 它对于标题可能是可以接受的，但可能在任何其他上下文中都不适用。

如果我理解正确，它应该是这样的：

 span { font-size: 40px  }
 span.g  { position: relative; top: -6px; }
 span.y  { position: relative; top: -4px; }

 <span>Lorem <span class="y">y</span>psum Dolor Sit 
 <span class="g">g</span>amet</span>

JSFiddle

甚至可以编写一些 jQuery 来自动执行此操作。

于 2011-04-17T19:26:59.620 回答
0

我不是排版专家，但我认为你不能单独使用 CSS 来控制基线、下降线和带有下降线的字母的位置。

如果某些字体格式（和某些字体）支持这样的事情，那么即将到来的font-feature-settings属性可能允许对其进行调整。

于 2011-04-17T19:23:34.473 回答
0

您需要使用vertical-align带有百分比值的样式和围绕这些特定字符的内联包装，以便相对于其他字符提升它们。我认为这将是最好的组合。它比使用相对高度更具语义。我想你也可以尝试super，如果你没有时髦的、不规则的下降器。

于 2011-04-17T20:04:08.663 回答