@sickgang

Как подключить скачанные шрифты?

Не получается подключать шрифт, миллион способов попрообвал, все делаю вроде правильно, он отображается в браузере, не перечеркнутый, он он не работает.
Скачивал с google fonts, google fonts helper, и еще в не скольких, ничего не выходит
Вот код css
/* m-plus-1p-regular - latin */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  src: local('M PLUS 1p'), local('MPLUS1p-Regular'),
       url('../fonts/m-plus-1p-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/m-plus-1p-v19-latin-regular.woff') format('woff') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
  font-family: 'M PLUS 1p';
  font-style: normal;
}


Пробовал много файлов подключать, все равно ничего не получается, вроде шрифты легко подключить, но голова уже кипит, не понимаю почему не работает, помогите пожалуйста!
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
dimovich85
@dimovich85 Куратор тега CSS
Уроки по JS - https://t.me/school_ofpery
Чего решили, что не подулючился? Проверьте пути, посмотрите Network в DevTools, скачались они или нет. При подключении шрифтов, не забывайте фолбек указать. Посмотрите computed, в самом низу. Еще посмотрите, какой набор символов в шрифте, и какой на странице (вдруг в шрифте нет кириллицы?).
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Скорее всего причина в URL (../fonts/m-plus-1p-v19-latin-regular.woff2)
Проверить что шрифт загружен можно очень просто. Откройте консоль браузера - перейдите во вкладку Network и перезагрузите сайт. Вы увидете, какие ресурсы загружены, а какие нет.
Ответ написан
DanArst
@DanArst
Э, Ойboy!
В песочнице работает. Пробовали подключать через googleapis?
Обычно проблемы в путях.
Если хотите точный ответ, то желательно бы ссылочку, где не работает

Ответ написан
Ваш ответ на вопрос

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

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