Шрифт толще в firefox

70
07 июня 2018, 18:40

Шрифт Fira Sans, брался с google fonts и c fontstorage.com. В итоге основное содержимое выглядит по-разному в chrome(картинка 2) и firefox(картинка 1).

Порывшись в интернете нашёл решение

@-moz-document url-prefix() { 
  body { 
    font-weight: lighter !important; 
  } 
}

В абзацах стало лучше:

Но при этом в других местах стало отображаться по-разному:

1-Firefox, 2-Chrome.

Вопрос таков, в чём первоначальная проблема и как решить её, чтобы везде смотрелось одинаково?

Answer 1

У вас точно не разная ВЫСОТА (размер) шрифта? На картинках явно разные размеры.

Вот вариант как побороть ситуацию, не изменив размеры текста: в браузере, где буквы кажутся тоньше, приделать стиль наподобие

text-shadow: 0 0.001em 0px rgba(0,0,0,0.25) 

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

READ ALSO
Одно событие для одинковых классов [дубликат]

Одно событие для одинковых классов [дубликат]

На данный вопрос уже ответили:

59
Зарезервированное i равное undefined [требует правки]

Зарезервированное i равное undefined [требует правки]

Отладчик пишет, что i,j,m в цикле for равно undefined, но при этом я i зарезервировалСам код:

55
Почему не отправляется запрос на сервер?

Почему не отправляется запрос на сервер?

Есть небольшое приложение на React, функционал: регистрация новых пользователей и восстановление пароляС регистрацией все ок (на локальном...

42