Проблема @ font-face, Firefox добавляет отступы, Chrome - нет - PullRequest
9 голосов
/ 03 августа 2010

При использовании нестандартного шрифта через @font-face он отображается так же, как и в Chrome.В Firefox, однако, к шрифту добавляется дополнительный отступ (верхний и нижний).

Вот мой пример страницы, в которой описывается проблема .

Есть ли что-нибудь, что ячто поделаешь?

Ответы [ 2 ]

8 голосов
/ 04 августа 2010

Между прочим, это также происходит в Firefox в Linux (а не в Chromium). Я попытался загрузить ваш шрифт в FontForge и сразу же получил предупреждение:

Следующие таблицы шрифта были проигнорированы FontForge
Игнорирование таблицы линейных порогов LTSH
Игнорирование таблицы показателей вертикального устройства VDMX
Игнорирование таблицы метрик горизонтального устройства hdmx

Мне кажется, проблема в том, что таблица VDMX (метрики вертикального устройства) имеет дефект:

Во избежание подгонки сетки весь шрифт, чтобы определить правильный высота, таблица VDMX была определены.

Это похоже на то, что происходит в Firefox: где-то неправильно вычисляется минимальная и максимальная высота. Это также ясно, когда вы выделяете текст: поле выбора простирается до крайнего верхнего и нижнего края строки; если бы элемент h1 действительно имел отступы, вы бы увидели разрыв между верхом и низом строки и полем выбора.

Кроме того, проверка показала, что почти каждый глиф - это « пропущенных точек в экстремумах »:

И PostScript, и TrueType как ты иметь очки в максимумах и минимумы (экстремумы) пути.

Быстрый поиск показал:

Единственная другая проблема, с которой я столкнулся, была довольно неприятное состояние под названием "отсутствует" Очки на Extrema ". Со шрифтом, должна быть точка (или узел, как они называются в Inkscape) на крайний левый, правый, верх и низ глиф. Обычно они там в любом случае просто из-за того, как ваш глиф построен, но диагональные линии с закругленными концами часто вызывают проблемы [источник, включая изображение (прокрутка вниз)]

0 голосов
/ 27 марта 2013

Просто добавьте:

line-height:1;

к вашим правилам CSS

...