Смещение текста вниз при просмотре веб-страницы в Windows - PullRequest
0 голосов
/ 21 ноября 2011

После разработки страницы в Ubuntu я просмотрел ее в Windows 7. Я обнаружил небольшое смещение вниз текста при просмотре в Windows.

Левое изображение ниже - скриншот из Google Chrome в Ubuntu 11.04 Правое изображение - скриншот из Google Chrome для Windows 7

Ubuntu 11.04: Google Chrome Windows 7: Google Chrome

Обратите внимание на смещение текста вниз на правом изображении. Один и тот же эффект виден как в Chrome, так и в Firefox на обеих платформах. (IE также, если кому-то интересно)

Это связано с тем, что в Windows используются разные шрифты? Здесь используется стек шрифтов -

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

Хотя я также пытался использовать простой стек, как -

font-family: Helvetica, Arial, sans-serif;

но проблема все еще существует. Если это связано со сменой шрифтов, могу ли я использовать хак CSS, чтобы поднять шрифт с небольшим запасом в Windows?

ПРИМЕЧАНИЕ , что я использую шаблон HTML5 Пола Айриша - который включает в себя CSS-сброс.

1 Ответ

0 голосов
/ 22 ноября 2011

Это не проблема вертикального выравнивания. Убедитесь, что для этого текста установлены значения margin, padding и ОСОБЕННО line-height. Я рекомендую использовать проценты для line-height (например, 120%)

...