IE9文本渲染问题 - 字母上的尾巴被切断

Question

我遇到了一个问题 - 在IE9标准模式下 - IE9以这样的方式呈现文本，即降序字母上的尾部 - “q，p，y”等 - 消失。尝试使用填充和其他常见的CSS设置来帮助解决这个问题，但到目前为止还没有运气。

谁知道这可能是什么？

Answer 1

编辑：我在博客上发现了这一点。该链接不再有效。离开它here以防它再次弹出。

  

就好像文本是输入内部的节点和行高   已经在内部元素上设置了周围的元素   剪掉溢出的文字。

     

解决方案很简单，将行高设置为“1”（无单位）

Answer 2

您使用的是自定义字体（@ font-face），因为我发现有时在某些尺寸上使用它时会切断文字上的尾部，而不管行高

Answer 3

我在font: inherit上使用input时出现此问题。声明我想要的实际字体（主要是Verdana），尾部再次可见。

还在line-height上对input进行了测试 - 但这又导致了问题。

这就是我最终的结果：

body, button, input, select, textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
body {
    line-height: 1.5;
}