Отображать шрифты в разных браузерах

Question

В Zepplin нарисован дизайн. Есть шрифт

font-family: HelveticaNeue;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #888888;

Но почему-то в браузере он отображается значительно тоньше, чем в дизайне. В чем может быть проблема?

На картинке дизайн под браузером вверху:

Answer 1

вы можете использовать font-weight: bold: - если вам нужно, чтобы текст выглядел жирным, иначе вы можете указать значение 500-900, соответствующее дизайну в zeplin.

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

Answer 2

здесь вы надеетесь установить свойство font-weight, просто установите значение 600, как показано ниже

Вес шрифта: 600;

причина этого в том, что, когда мы помещаем font-weight ниже 600, он показывает текст как нормальный, тогда как если мы помещаем font-weight между 600-900, он показывает взвешенный текст

Answer 3

@ Alexandr Kizilow Некоторые шрифты изменяются от браузера к браузеру. Используйте ниже:

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: оттенки серого;

Если нет, тогда сделайте font-weight:500 (вес шрифта также зависит от шрифта), в зависимости от используемого шрифта, шрифт будет жирным.