Отображать шрифты в разных браузерах
В 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;
Но почему-то в браузере он отображается значительно тоньше, чем в дизайне. В чем может быть проблема?
На картинке дизайн под браузером вверху:
3 ответа
Здесь вы надеетесь положить font-weight свойство просто поставить значение 600 как ниже
вес шрифта: 600;
причина этого в том, что когда мы помещаем font-weight ниже 600, он показывает текст как нормальный, тогда как если мы помещаем font-weight между 600-900, он показывает взвешенный текст
Вы можете использовать font-weight: bold:- если вам нужно, чтобы текст выглядел жирным, иначе вы можете указать значение 500-900, соответствующее дизайну в zeplin.
надеюсь, что он будет хорошо работать во всех браузерах, если значение будет выделено жирным шрифтом.
@Alexandr Kizilow некоторые шрифты варьируются от браузера к браузеру. Используйте ниже:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: оттенки серого;
если нет то сделай font-weight:500 (font-weight также варьируется от шрифта к шрифту) в зависимости от шрифта, который вы используете, он сделает шрифт жирным.