Базовое несоответствие в шрифтах между Firefox/Mac и Safari/Mac или Firefox/победой

Замечая странную аномалию рендеринга в 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, например, последовательно представляет везде. К сожалению, изменение шрифта не является опцией для меня. И я хотел бы постараться не создавать изображения типографии, если я могу.

Я благодарен за любое понимание! Спасибо за взгляд!

10
задан Kristoffer Sall-Storgaard 7 April 2011 в 09:58
поделиться

2 ответа

Вы представили очень востребованный пример незначительных различий между рендерингом шрифта на на Firefox для Mac по сравнению с другими браузерами. Я сказал бы, что FF на Mac понимает его превратно здесь, поскольку даже настройка вертикальный - выравнивается: базовая линия; не изменяет результат.

Тем не менее нет абсолютно никакой причины для использовать изображения здесь для эмуляции рендеринга любого браузера. Веб-сайт не должен выглядеть одинаково во всех браузерах.

3
ответ дан 4 December 2019 в 04:21
поделиться

Проблема, вероятно, возникает из-за того, что Mac и Safari настроены на типографику гораздо больше, чем любой другой браузер или операционная система. Он с большей вероятностью будет правильно отображать шрифты так, как они должны отображаться. Я читал об этом бесчисленное количество раз на протяжении многих лет, но, к сожалению, не могу вспомнить ничего, кроме этого. Я уверен, что кто-нибудь найдет ссылку, которая объяснит это подробнее.

0
ответ дан 4 December 2019 в 04:21
поделиться
Другие вопросы по тегам:

Похожие вопросы: