【问题标题】:Why Extra Space with letter "w" with font-family:arial and font-size:11px?为什么带有字母“w”的额外空间,字体系列:arial和字体大小:11px?
【发布时间】:2015-01-06 17:01:33
【问题描述】:

在 IE 11 中,字母“w”带有额外的空间。 即:“密码”变为“密码”

这仅在 font-family = arial 且 font-size = 11px 时发生。

body, table, input, select, textarea { 
        font: 11px normal Arial, Helvetica, sans-serif;
    }

有人知道这背后的原因吗?

【问题讨论】:

  • 我知道 Helvetica 在 IE9+ 上引起了问题,而不是 Arial。您的 PC 上是否存在 Arial 字体?
  • 是的,Arial 字体存在于我的系统中,我也尝试删除 Hevetica 字体,但并没有解决问题。
  • 不可复制。请发布一个完整的页面来演示该问题,以便我们确保该问题不是由其他设置或特殊环境引起的。

标签: css fonts font-size internet-explorer-11 font-family


【解决方案1】:

似乎 IE11 的字母间距有问题。要解决此问题,请按照this article 说明:

...将该网站添加为可信站点:

Open up IE11
Click on Tools on the top menu bar
Click on Internet Options
In the Internet Options popup, click on the Security tab
Then click on the Trusted sites button titled Sites
In the Trusted sites popup (if necessary) uncheck the checkbox labeled Require server verification (https:) for all sites in this

区域 然后在标有将此网站添加到此区域的文本框中添加您网站的基本 URL(例如:http://example.com

将您的网站添加到受信任的网站列表后,您应该会看到 现在已经修复了字母间距问题。

【讨论】:

  • 即使建议的修复方法有效,对作者/开发人员也没有帮助,因为他们无法让访问者/用户更改其系统中的 Internet 设置。
  • 同意,网站开发人员不能更改客户端操作系统或喜欢的浏览器(但这不是问题)。
  • 是的,这解决了问题,但绝对不是我正在寻找的解决方案。
猜你喜欢
  • 2011-07-11
  • 2020-12-15
  • 2016-03-09
  • 2011-12-01
  • 2011-05-26
  • 2013-10-07
  • 2011-02-21
  • 2018-10-13
  • 2012-04-08
相关资源
最近更新 更多