Изменение размера шрифта в Firefox 4 - PullRequest
Новая
       1

Изменение размера шрифта в Firefox 4

1 голос
/ 14 июня 2011

Недавно я закодировал веб-сайт и протестировал его во всех браузерах, как обычно, для обеспечения согласованности между браузерами.Я протестировал IE 7, IE 8, Chrome и Firefox 3.6.

Однако пользователь, использующий Firefox 4, указал мне, что некоторые части CSS нарушены.Если посмотреть на него, то кажется, что размер шрифта в Firefox 4 немного больше, чем в любом другом браузере, что приводит к тому, что текст сдвигается вниз и ломает часть макета.

Мне удалось обойти эту проблемубольшинство проблем, но последняя нерешенная проблема заключается в том, что у меня текстовое поле с плавающей точкой слева, с меньшим текстом внутри, справа от него.Пролет имеет границу вокруг него и точно соответствует высоте текстового поля.Из-за разницы в размере шрифта в Firefox 4 текстовое поле выглядит глубже, чем должно, а это означает, что промежуток больше не выравнивается внизу.

Я посмотрел вокруг, чтобы узнать, есть ли у кого-то ещевозникли проблемы с отображением текста Firefox 4 больше, чем в других браузерах, но не повезло.У кого-нибудь еще была такая же проблема?Мне не нравятся «обходные пути» - я бы скорее нашел достойное решение этой проблемы - я должен делать что-то странное!

Заранее спасибо за вашу помощь!

РЕДАКТИРОВАТЬ Код для основного текста по умолчанию для всех размеров шрифта: 

body 
{
    font-size: 69.5%;
    font-family: Tahoma, Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    background: #4997C4 url(/Images/main_bg.gif) repeat-x left top;
}

Код для одной из проблемных областей текста: 

.content .banner p.content_text
{
    margin: 5px 0 2px 12px;
    font-size: 1.2em;
    color: #38393C;
    width: 374px;
    line-height: 1.3em;
}

Ответы [ 2 ]

1 голос
/ 14 июня 2011

Вы используете относительные размеры шрифта (%, em), поэтому, если пользователь указал другой размер шрифта по умолчанию в браузере, размер шрифта на странице будет другим.В качестве решения вы можете использовать абсолютный размер шрифта, например px.(Та же проблема со свойством line-height)

Другой проблемой может быть аппаратное ускорение графики в FF 4 (у меня были некоторые другие проблемы с этим), оно оказывает некоторое влияние на рендеринг шрифта.

1 голос
/ 14 июня 2011

Попробуйте переключить размеры шрифта в пикселях с em и посмотрите, исправит ли это.Если это так, то это настройка пользовательского агента, которой вы не можете управлять, кроме как с помощью значений пикселей.

Если этого не произойдет, нам потребуется дополнительная информация.На какой платформе вы работаете с FF4, против FF3.6 и других?На Mac все будет выглядеть иначе, например, из-за того, как Mac обрабатывает шрифты.

...