0

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

У меня шрифт получается как будто размытый. В чем может быть причина? Мои настройки:

color: rgb(75, 79, 88);
display: block;
font-family: "PT Sans Narrow", san-serif;
font-size: 14px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: 700;
height: 16px;
line-height: 16.8px;
width: 590px;

Настройки требуемого результата:

color: rgb(75, 79, 88);
display: block;
font-family: "PT Sans Narrow", sans-serif;
font-size: 14px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: 700;
height: 16px;
line-height: 16.8px;
margin-bottom: 5px;
max-height: 999999px;
width: 949px;
-webkit-box-direction: normal

Настройки брал из chrome elements->computed. Использую только браузер Chrome

1
  • line-height:16.8px попробуйте сделать не дробное значение Commented 31 июл. 2019 в 13:04

1 ответ 1

0

Мутное гэ получается скорее всего из-за сглаживания шрифтов браузером или операционкой. Проблема в том, что то, что дизайнер нарисовал в фотошопе, не всегда в принципе реализуемо иначе как вставкой графики.

Поиграйте со свойством -webkit-font-smoothing.

1
  • это не рисованное в фотошопе, первая надпись на сайте с которого копирую, а вторая как у меня получается
    – helldrg
    Commented 27 авг. 2019 в 3:45

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.