浏览器中的字母未对齐 [已关闭]

Letter misaligned in browser [closed]

提问人:Hakuo 提问时间:11/14/2023 最后编辑:marc_sHakuo 更新时间:11/14/2023 访问量:36

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

8天前关闭。

我正在为网站使用自定义字体,但在计算机上(这在移动设备上不会发生)字母“s”的位置比其他字母低。

显示“s”的屏幕截图

我使用 https://www.glyphrstudio.com/ 检查了实际的字体文件,所有字母都具有相同的基线和正确的高度。此外,由于某种原因,当我使用 h1 标签时不会发生这种情况。

HTML 自定义字体

评论

0赞 Rob 11/15/2023
您需要在您的问题中在此处发布一个最小的可重现示例,但这是一个编程问题吗?

答:

-1赞 Dilip Kumar Gurijala 11/14/2023 #1

使用 Span Tag 并在 CSS 中给出最高值。我认为如此 html格式:

DSDASD的

CSS:

span
{
   position: relative;
   top: -10px;//we can give as much pixel you want
}

评论

0赞 Hakuo 11/14/2023
我认为这适用于较小的规模,因为我必须将页面上的每个“s”放在一个太大的跨度中。