【问题标题】:IE font size different to ChromeIE 字体大小与 Chrome 不同
【发布时间】:2014-05-27 16:50:42
【问题描述】:

我创建了一个使用 Bootstrap 的 CSS 的留言板(在 iframe 中)。

两个字体大小都是 14px,其他都一样,但是 IE 的字体大小比 Chrome 小很多。

要让 IE 也一样,我必须将它提高到 24 像素。有什么办法可以强制标准化吗?

更新
他们的字体都是font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
上传了正确的图片(不用我改变 UI 方面的东西)。

【问题讨论】:

  • font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 试试这个?
  • 这可能会给你一些方向,虽然我不是字体专家stackoverflow.com/questions/13561111/…
  • @l2aelba 试过了...同样的结果很遗憾

标签: html css twitter-bootstrap-3


【解决方案1】:

注意 IE 是如何使用 serif 字体而 Chrome 使用的是 sans-serif 字体?

这意味着 IE 无法识别您的 font-family CSS,或者您正在使用 IE 无法读取的自定义字体文件。

无论哪种方式,请尝试查看开发人员工具以检查您的元素,并查看 CSS 规则 - 如果您的字体被划掉,则表示它不喜欢您的 font-family 规则。否则,它不喜欢字体本身。

【讨论】:

  • 他们都有font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;,IE 还没有删除它。 编辑:即使我将两者的字体都更改为Arial,大小保持不变。
猜你喜欢
  • 2016-01-31
  • 1970-01-01
  • 2011-09-29
  • 2013-02-22
  • 2015-11-17
  • 2014-03-04
  • 1970-01-01
  • 2012-03-23
  • 2013-11-15
相关资源
最近更新 更多