Специальные символы в 20px + облажались в Firefox 3.6

Question

Привет всем, я работаю над сайтом, и любые специальные символы ("& rsquo;" "& hellip;") превращаются в мусор при любом размере шрифта свыше 19px. Я использую шрифты, которые я определил с помощью @ font-face, и мусор исчезает, когда я использую запасной шрифт. Это Firefox 3.6.13.

Я пытался определить шрифты на странице с помощью шрифта: объявление, а не шрифта: семейство: объявление ( см. Здесь ), но оно не работает.

Я могу использовать стандартную прямую кавычку и пропустить специальные символы, но вы видели прямую кавычку в заголовке 40px? Тьфу.

Кто-нибудь видел эту ошибку и какие-либо предложения по ее исправлению на стороне сервера?

Answer 1

После еще одного исследования я (вроде) выяснил, что происходит. Firefox 3+ автоматически «optimizeLegibility» для любых шрифтов более 20 пикселей (посмотрите свойство CSS «text-render»).

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

body { text-rendering: optimizeSpeed; }

Внезапно проблема исчезает. Очевидно, это может беспокоить кого-то, кому нравится эффект «optimizeLegibility» (это, безусловно, хороший эффект), но если вы не можете изменить шрифты и у вас появляется мусор в заголовках, я надеюсь, что это поможет.

Answer 2

Возможно, вам просто придется использовать другой шрифт?