Задать вопрос
@nikolay_akhmetyanov
Front-end developer
html

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

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

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"); }
  • Вопрос задан
  • 890 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
IlyaDeveloper
@IlyaDeveloper
Top Rated | Expert Web Developer
  • Убедись что реально шрифт поддерживает латиницу!
  • Сгенери на https://transfonter.org/
  • Скачай архив после генерации и проверь там есть отображение если все четко то подключи!


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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
UX разработка интерфейсов в маркетплейс
23 апр. 2024, в 10:43
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 10:42
3000 руб./за проект
Геймдизайн: просчет pvp боя (3 параметра) и накопление монет
23 апр. 2024, в 10:29
10000 руб./за проект
Ещё заказы