Почему в firefox и microsoft edge шрифт становится рубленным?

Question

[Worddoc]

Привет.

Проблема в том, что отображение шрифта в firefox и edge становится рубленным. А рубленным он становится, т.к. искажается начертание самого шрифта. Не понимаю в чем проблема, есть подозрение, что скачанный шрифт просто не качественный, но подтвердить эту теорию некому. Font-weight стоит 600, а если ставить 400, то все нормально отображается. Подскажите, как исправить это и сгладить шрифты в данных браузерах?

Google Chrome


Firefox и Edge

@font-face {
  font-family: 'proxima-reg';
  src: url('../fonts/proximanova-reg-webfont.eot');
  src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format("embedded-opentype"),
  url('../fonts/proximanova-reg-webfont.woff2') format("woff2"),
  url('../fonts/proximanova-reg-webfont.woff') format("woff"),
  url('../fonts/proximanova-reg-webfont.svg') format("svg");
  font-weight: normal;
  font-style: normal;
 }

Answer 1

[Николай]

Для каждого сочетания свойств font-weight и font-style должен быть свой шрифт, а у вас задан только 1 случай - normal/normal.
Браузеры по разному обрабатывают ситуацию когда нет шрифта. Некотрые ничего не делают, а другие автоматически утолщают/наклоняют. Естественно, почти всегда это получается не красиво.

Comments

[Алексей Скляров]

у меня возникла подобная проблема, но не в разных браузерах, а на ноутбуках/комьютерах (на ноуте вот этот ужас показывается, на компе нормально). как быть с тем, что все шрифты подключены через google fonts?

[Worddoc]

Благодарю, сильно помогли)

Answer 2

[Артур Карапетян]

Гугл в помощь
1 способ
2 способ

Comments

[Worddoc]

Я думал, что проблема в кроссбраузерности шрифтов и нужно копаться в технических деталях, а не использовать костыли

[Worddoc]

Да и в целом шрифт искажается, за счет чего и становится рубленным, что странно

[Артур Карапетян]

Ну... я попытался помочь

[Worddoc]

Артур: тем не менее спасибо)

[Артур Карапетян]

Worddoc: К сожалению, не за что)

Answer 3

[Виктор Янышев]

Добавь ttf

Comments

[Worddoc]

Не работает, да и woff и woff2 по сути заменяют старые форматы

[Виктор Янышев]

Worddoc: +/- у юзера может уже быть в кэше ttf

Answer 4

[profesor08]

Лично я вижу, что у тебя разные размеры шрифта, приведи их к одному и посмотри результат.

Comments

[Worddoc]

Размер шрифта абсолютно одинаковый, фокс искажает этот размер.