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

Question

[pingo]

во всех браузерах норм, в FX буква "В" наезжает на следующую, как это поправить?

Answer 1

[Анна Бакурова]

Пришлите ссылку на сайт. + попробуйте скачать шрифт с официального сайта

Comments

[pingo]

шрифт грузится из google fonts посредством @import url()
сайтом трудно это назвать, просто лендинг страничка drovokol45.ru для контекста

[Анна Бакурова]

хм.... У меня Ваш сайт отображается отлично, то что Вы показали бывает с некоторыми шрифтами при указании отрицательного letter-spacing, но в Вашем случае всё отлично!)

[pingo]

не-а, fx 29, скрин i.imgur.com/oCCo1Ol.png
перепробовал всё, letter-spacing в том числе.. не могу понять в чём дело, и нагуглить не могу

[Анна Бакурова]

Вижу, то что Я начитала
1) скорее всего это всё потому-что, когда Вы генерировали шрифт формат для фф сгенерировался криво (вот отличный генератор шрифтов всегда лучше через него генерировать другие форматы шрифтов www.fontsquirrel.com/tools/webfont-generator - все остальные левые.
2) если не прошло один то уже тогда подключаем шрифт через Cufón.

[Guezwho]

Анна Бакурова: Генерировал через www.fontsquirrel.com, та же проблема.
p.s.: Еще шрифт Roboto при 700 толщине намного толще в Мозилле и Сафари, нежели в Хроме, Опере и Эдже, ИЕ. Можно конечно заморочиться с разным размером шрифта или леттер-спейсинг под разные браузеры, но как-то не по фен-шую.

Answer 2

[WordPress WooCommerce]

Таже беда с буквой С и п в слове "Способы", заменил на латинскую и поправилось.
Также в других сочетаниях все ок.
Работаю в свякзе WordPress + плагин WP Google Fonts

Comments

[Guezwho]

Да, помогает только замена С и В на латинские.

Answer 3

[maxfox]

Хотелось бы узнать, решил ли автор проблему.
У меня наблюдается аналогичная ситуация в Firefox и Inkscape. В Webkit'е все норм.
Система - Arch Linux. Шрифт взят из пакета ttf-google-fonts-hg.

Answer 4

[ALS59]

Проблема в CSS а именно с text-rendering: optimizelegibility.

Если вы используете bootstrap, то по умолчанию у него есть стиль.
h1, h2, h3....... {
...
text-rendering: optimizelegibility;
....
}

Исправить путем установки в auto.
Более подробно можно почитать здесь: y3x.ru/2011/01/css-text-rendering

Comments

[maxfox]

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

[pingo]

вроде даже и нету такой директивы

[maxfox]

Попробовал, в Firefox text-rendering не исправляет этот баг. А в Chromium при указании geometricPrecision либо optimizeLegibility действительно все ломается. В общем, то что вы написали - верно, однако не решает проблему в Firefox.

Answer 5

[Максимка Неунывака]

zsws.ru/blog/other/ispravlenie-shrifta-comfortaa.html