IE 7中呈现的字体宽度比其他浏览器大

时间:2011-12-16 11:53:54

标签: css internet-explorer html fonts

IE7宽度中的渲染字体比其他borwsers大(顶部图像部分是IE9,底部部分是Firefox):

Snapshot

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;
    }

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

2 个答案:

答案 0 :(得分:0)

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

(似乎字体抗锯齿/提示也有差异。) 对不起,我认为字体渲染会造成轻微的差异。

答案 1 :(得分:0)

我建议您将链接填充设置为0并将空格更改为&nbsp;或不使用空格而不是使用填充。

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