相关疑难解决方法(0)

Chrome会切断左侧的字体,Firefox和IE都可以正常显示。Chrome错误?

我有一个带有自定义字体(Linotype的Didot)为斜体的常规H3元素。看到:

剪下的文字

问题在于,Chrome浏览器会截取该类型的部分(例如后代和衬线),而其他浏览器会很好地显示该类型。H3不在具有隐藏溢出的任何容器中。

我已经尝试过(没有运气):

  • overflow: visible
  • text-rendering: optimizeLegibility; (和其他值)
  • * { overflow: visible !important; }
  • 其他“字距调整”技巧

似乎可行的唯一解决方案是给H3留一些左填充...但是我觉得这是不合适的解决方案,因为这样我就必须将标题下方的所有内容都向右移动相同的量。

有什么想法吗?

html css dom google-chrome css3

1
推荐指数
2
解决办法
2759
查看次数

标签 统计

css ×1

css3 ×1

dom ×1

google-chrome ×1

html ×1