Замечая странную аномалию рендеринга в Firefox 3.5/3.6 (не попробовали другие версии) в Mac OS X. Оглядывание, я видел подобные проблемы, о которых сообщают и решенный, но большинство окружало высоту строки CSS, устанавливаемую на нормальный в противоположность измерению единицы.
Возьмите следующий код:
<style>
h1{
background-color:#f00;
font-size:40px;
line-height:40px;
}
</style>
<h1>This is a test</h1>
В Firefox для Mac текстовая базовая линия находится выше, чем в других браузерах - включая Firefox для Windows. Кто-либо противостоял этой проблеме прежде? Это - только Firefox для Mac, который является нечетным браузером. Я также заметил, что это основано на шрифте; изменение на Arial, например, последовательно представляет везде. К сожалению, изменение шрифта не является опцией для меня. И я хотел бы постараться не создавать изображения типографии, если я могу.
Я благодарен за любое понимание! Спасибо за взгляд!
Вы представили очень востребованный пример незначительных различий между рендерингом шрифта на на Firefox для Mac по сравнению с другими браузерами. Я сказал бы, что FF на Mac понимает его превратно здесь, поскольку даже настройка вертикальный - выравнивается: базовая линия;
не изменяет результат.
Тем не менее нет абсолютно никакой причины для использовать изображения здесь для эмуляции рендеринга любого браузера. Веб-сайт не должен выглядеть одинаково во всех браузерах.
Проблема, вероятно, возникает из-за того, что Mac и Safari настроены на типографику гораздо больше, чем любой другой браузер или операционная система. Он с большей вероятностью будет правильно отображать шрифты так, как они должны отображаться. Я читал об этом бесчисленное количество раз на протяжении многих лет, но, к сожалению, не могу вспомнить ничего, кроме этого. Я уверен, что кто-нибудь найдет ссылку, которая объяснит это подробнее.