IE9 文本渲染问题 - 字母尾部被切断
我遇到了一个问题,在 IE9 标准模式下,IE9 以降序字母的尾部(“q、p、y”等)消失的方式呈现文本。已尝试使用填充和其他常见的 CSS 设置来帮助解决此问题,但到目前为止还没有运气。
谁知道这可能是什么?
I'm running into an issue where - in IE9 standards mode - IE9 renders text in such a way that the tails on descending letters - "q, p, y" etc - disappear. Have tried playing with padding and other common CSS settings in helps of fixing this but am having no luck so far.
Who's got an idea what this might be?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
编辑:我在博客上找到了这个。该链接不再有效。将其留在此处以防再次弹出。
EDIT: I found this on a blog. The link isn't live anymore. Leaving it here just in case it pops up again.
您是否使用自定义字体(@font-face),因为我发现有时在某些尺寸上使用该字体时,无论行高如何,它都会切断文本上的尾部
Are you using a custom font (@font-face) as i found that sometimes when using that on certain sizes it would cut off the tails on text, regardless of line-height
我刚刚在
input
上使用font:inherit
时遇到了这个问题。声明了我想要的实际字体(主要是 Verdana)并且尾部再次可见。还在
input
上测试了line-height
,但这再次导致了问题。这就是我最终得到的结果:
I just had this problem using
font: inherit
oninput
. Declared the actual fonts I wanted (Verdana primarily) and the tails are visible again.Also tested
line-height
oninput
—but that caused the problem again.This is what I ended up with:
在输入框中设置 line-height:inherit 对我来说很有效。
This setting the line-height:inherit on input boxes did the trick for me.