Шрифты больше в IE 9, чем в IE 8 и других браузерах? - PullRequest
Новая
       22

Шрифты больше в IE 9, чем в IE 8 и других браузерах?

2 голосов
/ 05 июля 2011

У меня проблема с получением шрифтов в ссылках для меню, которые выглядят одинаково во всех браузерах. Это не было бы такой проблемой, если бы это была лишь небольшая разница, но факт в том, что в IE 9 шрифт выглядит как минимум на пару пикселей или более больше, чем в других, при использовании точного то же самое.

Теперь, находясь в главном меню, это выглядит довольно плохо. Кто-нибудь знает, почему это происходит, и что я могу с этим поделать?

Вот правило css: 

ul#menu li a
{
    width: 80%;
    text-align: center;
    font-family: HelveticaNeueLight, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    line-height: 38px; 
    color: #333;
    text-shadow: 0px 1px 0px #e5e5ee;


    display: block;
    /*Hiding dots around clicking on links*/
    outline: none;  
    overflow: hidden;
}

Ответы [ 2 ]

3 голосов
/ 05 июля 2011

Если это действительно важно, и вы не возражаете против использования Условных комментариев для отправки ориентированного на IE CSS в браузер, вы можете создать таблицу стилей Условных комментариев для IE 9 следующим образом: 

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->

Сдругое правило CSS для свойства font-size в этом файле CSS.

В противном случае хорошим первым шагом будет всегда использовать CSS Reset для нормализации между браузерами.Обычно используемые сбросы Эрик Мейерс и YUI .

0 голосов
/ 05 июля 2011

Возможно, CSS для какого-то другого свойства несовместим?Я бы попробовал использовать файл сброса CSS (http://developer.yahoo.com/yui/reset/) или добавить туда zoom: 100%, чтобы посмотреть, исправит ли это.

...