css - IE7 中渲染的字体宽度比其他浏览器大

Question

在 IE7 中呈现的字体宽度比其他浏览器大(上图部分是 IE9，下图部分是 Firefox):

HTML:

            <div id="header_tools">
                <a href="#">Support</a> | <a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Help</a>
            </div>

和 CSS

    div#header_tools {
        font-size: 14px;
        font-weight:  normal;
        color: #918e8e;
        float: left;
    }

    div#header_tools {
        position: relative;
        top: 7px;
        left: 680px;
    }

    div#header_tools  a {
        font-size: 14px;
        color: #918e8e;
    }

有人知道为什么会这样以及如何解决它吗？

Answer 1

它似乎与字间距有关(这也是一个 CSS 属性)。最简单的可能是使用   而不是空格。

(字体抗锯齿/提示似乎也有所不同。) 抱歉，我认为字体渲染造成了细微的差异。