同一字体系列在不同浏览器中的字体大小不同答案

【问题标题】：Font size different in different browser for same font family同一字体系列在不同浏览器中的字体大小不同
【发布时间】：2014-01-29 16:19:30
【问题描述】：

我使用的是 Open Sans 字体系列，但是当我在不同的浏览器中打开我的网页时，字体大小在不同的浏览器中看起来不同。在 Internet Explorer 中，字体看起来比 Firefox 大。

我在 Firefox Firefox 中使用字体查找器并显示正确的字体大小和系列，但实际上字体大小看起来很小，并且它也会影响不同浏览器中的 div 大小。

在 Internet Explorer 中，div 的大小比 Firefox 大。

我不明白这个问题，提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

这两种浏览器使用两种不同的字体类型。它们可能永远不会完全相同，但如果浏览器不支持文件类型，则默认为其他可能导致差异的文件类型。下面我列出了每个浏览器的文件类型。您可能希望使用诸如 font squirrel 之类的服务来创建其他类型。 http://www.fontsquirrel.com/

TTF - 适用于除 IE 和 iPhone 以外的大多数浏览器。
EOT - 仅限 IE。
WOFF - 压缩的新兴标准。
SVG - iPhone/iPad。

【讨论】：

但是你用的是 IE 的 EOT 文件吗？您应该尝试将您的字体上传到fontsquirrel.com webkit 生成器。这是一个很棒的工具，他们将确保您的字体是正确的类型。它们还为您提供包含字体所需的 css。您还可以尝试对您的字体进行 base 64 编码（字体松鼠也可以）。 Web 字体很棘手，如果没有正确生成跨域托管，您可能会遇到问题。阅读 Paul Irish 的这个博客，它很好地解释了它。 paulirish.com/2009/bulletproof-font-face-implementation-syntax

【解决方案2】：

这是由使用的单位引起的（在这种情况下，我怀疑 em）。检查你的 CSS 是否有“可疑”的 div，看看它们是否有基于 font-size(em) 的尺寸

【讨论】：

过度概括。这可能是因为不同的浏览器具有不同的“默认字体大小”并且他们没有为html 设置一个，这可能是因为他正在使用 webfonts 并且特定于浏览器的字体引擎导致了截然不同的渲染......没有具体的回答信息纯属推测。
@PlantTheIdea 这是一个起点。我可以说你的回答也过于笼统了。我的回答如何过度概括与字体大小相关的 div 大小？
“其原因” = 明确声明，后跟“我怀疑”。急于判断一个可能不是原因的具体原因可能只会延长寻找真正答案的时间。你可以说我的回答过于笼统了？ “回答”只能表示“评论你的回答”或“问题”，因为如果不先了解问题的细节，我不会假设知道答案。
好吧，我们不污染帖子，等他看看结果。