Почему обрезается шрифт в firefox?

Question

[Даниил]

Доброго всем!
Такая ситуация: шрифт GothamPro, подключается внешним файлом, во всех браузерах работает нормально, даже в IE8, кроме firefox. Там такая ситуация:


Более жирный шрифт отображается также, но если загрузить версию шрифта medium, то все нормально отображается, получается проблема только с тонкими начертаниями. С другими подключаемыми шрифтами та же проблема.

Answer 1

[Алексей]

Такое бывает, повсеместно, с подключаемыми шрифтами.

Стоит попробовать использовать другой формат. Если TTF сейчас, тогда попробовать OTF. Возможно немного изменить размер шрифта. Тоже может помочь. Или заново конвертнуть шрифт другим сервисом | программой.

И еще: у Вас масштабирование текста в операционной системе не выставлено? Потому что firefox автоматически масштабирует страницы. Из-за этого зачастую появляются мелкие баги.

Comments

[Даниил]

Я подключаю сразу несколько файлов шрифтов:
@font-face {
font-family: 'GothamPro';
src: url('../fonts/GothamPro.woff') format('woff'),
url('../fonts/GothamPro.ttf') format('truetype'),
url('../fonts/GothamPro.svg#GothamPro') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'GothamPro';
src: url('../fonts/GothamPro.eot');
src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}

Насчет масштабирования не знаю, где его посмотреть?
А вот смена размера шрифта меняет дело. Получается, что через один размер, то нормально отображается, то криво, но это тоже не дело.

[Алексей]

Даниил: Попробуйте вместо ttf подключить otf, естественно предварительно конвертирую подходяще.

По масштабированию вот вопрос:
Так как бороться с layout.css.devPixelsPerPx и в целом с новым подходом Файерфокса к отображению сайтов и скинов?

[Даниил]

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

[Алексей]

Про масштабирование: если попробовать, и после этого станет все ок. Тогда ясно откуда растут ноги у проблемы. После этого либо пытаться с этим как то справиться... Я такого решения не знаю. Так как файрфокс применяет свои алгоритмы масштабирования поверх сайта. То есть только какие-то хаки искать.
Либо просто сделать размер шрифта на пиксель больше или меньше и все.
В ином случае - желаю удачи с поисками хаков, отпишитесь сюда, если найдете. Будет полезно.

[Алексей]

Даниил: Если мой ответ вам помог, отметьте его решением.