WebKit vs Mozilla: вертикальное выравнивание глифов шрифтов в поле

Glyphs in Box

Это тестовое изображение показывает, насколько сильно отличается Safari позиционирует текст внутри поля по сравнению с Firefox (Safari 5.0.5 и Firefox 5.0.1 для Mac OS X 10.6. 7). Обратите внимание, как буква «S» для без засечек вставлена ​​в верхнюю часть поля в Firefox, а не в Safari. Разница, кажется, зависит от используемого шрифта, где некоторые даже отображаются последовательно.

Я читал людей, которые говорили , что это связано с проблемами округления между font-size и line-height (и исправлено установкой высоты меньше, чем размер), но я думаю, что это опровергается моим примером, где sans-serif / helvetica в Firefox всегда выравнивается по верхнему краю поля.

Мне это кажется например, Safari делает его более правильным, чем Firefox, т.е. текст обычно больше располагается вокруг средней линии.

Есть ли хороший способ сделать их более последовательными? Моя цель - только браузеры, соответствующие стандартам.

Мой тестовый код: http://jsbin.com/omaboc



    
        
    
    
        
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box

14
задан Community 23 May 2017 в 12:09
поделиться