您如何移动下降线?

| 我正在尝试弄清楚如何移动一段文本的下降行,如何将所有下降行以字母“ y”和“ g”的形式显示在基线上方,但是没有实际改变基线。有没有不使用特殊字体的方法?     
已邀请:
我不是印刷专家,但我认为您不能仅使用CSS来控制基线,下降行和带有下降行的字母的位置。 如果某些字体格式(和某些字体)支持这种功能,则即将出现的
font-feature-settings
属性可能会允许对其进行调整。     
我也不是印刷专家,正如@BoltClock所建议的那样,除非最终通过
font-feature-settings
,否则可能无法以任何通用方式进行。 CSS不提供这种精细的印刷控制级别。 我想到的唯一(可怕的)解决方法是使用ѭ2分别移动每个字符-标题可能可接受,但在任何其他情况下可能都不可接受。 如果我对您的理解正确,则它必须看起来像这样:
 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以自动执行此操作。     
您需要使用带有百分比值的
vertical-align
样式,并在这些特定字符周围使用内联包装,以便相对于其他字符提高它们。我认为这将是最好的选择。与使用相对高度相比,它的语义要多一些。我想,如果您没有时髦的,不规则的后裔,您也可以尝试
super
。     

要回复问题请先登录注册