【问题标题】:IE rendering trailing white space at end of each lineIE 在每行末尾呈现尾随空白
【发布时间】:2014-02-10 02:01:54
【问题描述】:

我有一个包含下划线的网络字体,包括空格字符。这在几乎所有浏览器中都可以正常呈现,下划线显示在单词之间,但不会在行尾呈现——除了 IE(所有版本)。

在 IE 中,它在每一行的末尾显示额外的下划线空格,最后一行除外。即使我使用换行符,完全没有空格,它仍然会显示。

我已经尝试了 white-space 属性的所有变体,但没有任何效果。有没有其他人遇到过这个奇怪的显示错误,并且知道如何修复它?

编辑:
Example Page
Screenshot

干杯。

【问题讨论】:

  • 也许我们做了,也许没有,但你能提供 HTML 和 CSS 吗?还是实时链接?
  • 感谢您的回复@user1627363 由于机密性,我无法包含实际页面,但已经完成了一个仅包含文本和错误的精简示例页面。在我的原始帖子中添加了页面链接和屏幕截图。
  • 请在页面上显示代码并将屏幕截图链接到页面中。

标签: css internet-explorer rendering whitespace webfonts


【解决方案1】:

有一种方法可以解决这个问题……把它变成一个图像。

文本的渲染方式取决于很多因素,例如安装的字体、操作系统、渲染calibrationfont smoothing 和渲染参数。如果其中任何一个参数不同,结果就会不同。

如果您检查您的图像,您会发现浏览器使用不同的字体平滑参数,其他参数也可能不同。

在不同的浏览器中渲染文本时,您根本无法期望得到相同的结果。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多