@nikolay_akhmetyanov
Front-end developer

Почему некорректно отображается шрифт?

Начертание кириллицы и латиницы отличаются. В чем проблема?

5bc600fc670b4199269443.png
<div class="product-item__name">Комплект Reike Smart fox purple 80,86.92
            </div>

@font-face {
  font-family: "Ubuntu";
  font-weight: 700;
  font-style: normal;
  src: local("Ubuntu");
  src: url("../fonts/ubuntu-bold-webfont.woff2") format("woff2"), url("../fonts/ubuntu-bold-webfont.woff") format("woff"); }

@font-face {
  font-family: "Ubuntu";
  font-weight: 500;
  font-style: normal;
  src: local("Ubuntu");
  src: url("../fonts/ubuntu-medium-webfont.woff2") format("woff2"), url("../fonts/ubuntu-medium-webfont.woff") format("woff"); }

@font-face {
  font-family: "Ubuntu";
  font-weight: 400;
  font-style: normal;
  src: local("Ubuntu");
  src: url("../fonts/ubuntu-regular-webfont.woff2") format("woff2"), url("../fonts/ubuntu-regular-webfont.woff") format("woff"); }

@font-face {
  font-family: "Ubuntu";
  font-weight: 300;
  font-style: normal;
  src: local("Ubuntu");
  src: url("../fonts/ubuntu-light-webfont.woff2") format("woff2"), url("../fonts/ubuntu-light-webfont.woff") format("woff"); }
  • Вопрос задан
  • 310 просмотров
Решения вопроса 1
IlyaDeveloper
@IlyaDeveloper
UX/UI Дизайнер
  • Убедись что реально шрифт поддерживает латиницу!
  • Сгенери на https://transfonter.org/
  • Скачай архив после генерации и проверь там есть отображение если все четко то подключи!


Также как вариант подключи c гугл фонт, ну или скачай и проделай все как выше : Здесь

Также не забывай задавать для более четкого отображения :
-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
natojezlo
@natojezlo
шрифт не поддерживает кирилицу
автоматом подставляет скорее Arial
Ответ написан
@ncheremisin
Принимаю заказы на Битрикс
Шрифт с кириллицей скачай например тут: https://webfonts.pro/templates/fonts/download/Ubun...
Думаю проблема решится.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы