Столкнулся с проблемой рендеринга шрифтов в браузерах в Ubuntu 14.04. Ubuntu отображает шрифты большего размера. Шрифт Arial, размер 16px выглядит так, как если бы он был в 17px в Windows 7.
Страница в Firefox Windows 7 (шрифт 16px):
Страница в Firefox Ubuntu (шрифт 16px):
Поскольку шрифт отображается больше, разбивает меню. Последний пункт меню, перемещенный под первым. Если поставить 15px, то все отображается нормально, как и должно. Проблема присутствует в Chrome и Firefox.
Microsoft шрифты установлены. Никакие расширения не установлены в браузерах (только Firebug в ff). 100% шкала. Недавно установленная ОС, никакие конфигурационные файлы не редактировались. Разрешение экрана одинаковое. Проблема возникает в Firefox и Chrome.
В чем может быть проблема и как ее исправить?
Используйте подход, который не полагается, как браузер представляет шрифты. Возможно <div>
элементы с фиксированным width
свойство.