【问题标题】:My embedded webfont seems to have a permanent padding-bottom我嵌入的 webfont 似乎有一个永久的 padding-bottom
【发布时间】:2018-10-19 23:14:22
【问题描述】:

下面的图片展示了我的问题。在使用此字体的任何地方,您都可以看到它不会像其他字体那样垂直居中。我没有任何古怪的行高设置。在我使用它的任何地方都是这样。

我不知道为什么,我一直在谷歌搜索这个问题,除了关于行高的教程之外什么也没找到,至少没有帮助。

字体为 ITCAvantGardeStd-Demi.otf。

按照zgood的建议,转换字体并在https://transfonter.org/上勾选“Fix Vertical Metrics”解决了我的问题。

使用“修复垂直指标”:

【问题讨论】:

  • 你有这种行为的代码示例吗?
  • 当你使用像qtyipdghjb这样的字符串时感觉居中?
  • 该站点仍然是本地的,所以不,我会抛出一个小提琴,看看是否能证明它。 编辑:无法将资产上传到小提琴,doh
  • 编辑图像以使用该字符串,没有骰子。
  • 没有看到我们无法判断问题的代码,它可能是字体,但可能是 css 中的错误 line-height 或容器元素中的填充等...

标签: html css fonts webfonts woff


【解决方案1】:

有时您需要标准化字体垂直指标。您可以通过Font SquirrelTransFonter 等网络字体生成器运行它,然后选择“修复垂直度量”以生成新的字体文件。

【讨论】:

  • 感谢@zgood,这对我有帮助,与“ITC Avant Garde”字体完全相同。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-14
  • 2014-07-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多