Сегодня я столкнулся с проблемой некорректного отображения шрифта Arial Narrow (сжатый вариант шрифта Arial, входящий в стандартный комплект шрифтов ОС Windows). Проблема с Arial Narrow проявилась лишь в браузере Mozilla Firefox4 и заключается в том, что вместо Arial Narrow браузер подставляет стандартный Times New Roman.

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

Было:

{font-family:'Arial Narrow'}

Стало:

{font-family:'Arial Narrow, Arial, sans-serif'; font-stretch: condensed;}

Взгляните на два оранжевых прямоугольника (это верхнее меню сайта tc-orang.ru) — Разница очевидна ':)' .

""

Решение оказалось лёгким, и я полагаю, достаточно было дописать лишь font-stretch: condensed, однако для большей кроссбраузерности рекомендую прописывать несколько альтернатив для font-family через запятую.