Задать вопрос
@ReaperGermany
Backend Dev

Как исправить растягивания шрифта?

Всем привет. Подскажите после переноса стилей из фигмы шрифт по сравнению с фигмой прыгает и при различных значениях он деформируется. Шрифт лицензия. В чем может быть проблема? Может ли он быть в том, как стили из фигмы применяются в верстке?

Шрифт не вариативный
Подключаю через @font-face
@font-face {
    font-family: "CoFoSans";
    src: url(fonts/regular/CoFoSans-Regular.woff2);
    font-display: auto;
    font-weight: 400; }

Видео
Первый кадр это верстка и потом переключаюсь на фигму

Свойства применяемые в верстке:
color: #000;
    text-align: center;
    font-family: CoFoSans;
    font-size: 54px;
    font-weight: 900;
    line-height: 100%;
    font-feature-settings: 'calt' off, 'liga' off;


Проблема кроется не в самой фигме, а больше в сравнении с тем что представлено на основном сайте шрифта
Сайт
Символы деформируются
  • Вопрос задан
  • 245 просмотров
Подписаться 2 Простой 6 комментариев
Пригласить эксперта
Ответы на вопрос 1
@drtvader
Вечный студент
Шрифт что на сайте выглядит так же как и в фигме?
Чем конвертили?
font-feature-settings пробовали убирать?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы