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

Question

[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;
}

Пробовал много файлов подключать, все равно ничего не получается, вроде шрифты легко подключить, но голова уже кипит, не понимаю почему не работает, помогите пожалуйста!

Comments

[Dima Polos]

Чего решили, что не подулючился? Проверьте пути, посмотрите Network в DevTools, скачались они или нет. При подключении шрифтов, не забывайте фолбек указать. Посмотрите computed, в самом низу. Еще посмотрите, какой набор символов в шрифте, и какой на странице (вдруг в шрифте нет кириллицы?).

[sickgang]

Dima Polos, наконец то, и правда, в шрифте нет кириллицы
Хотя в макете он указывается, можно ли его найти с кириллицой?

[sickgang]

Dima Polos, Спасибо!!!

[Dima Polos]

sickgang, это к дизайнеру)) где он такой взял) Успехов! :)

Answer 1

[Dima Polos]

Чего решили, что не подулючился? Проверьте пути, посмотрите Network в DevTools, скачались они или нет. При подключении шрифтов, не забывайте фолбек указать. Посмотрите computed, в самом низу. Еще посмотрите, какой набор символов в шрифте, и какой на странице (вдруг в шрифте нет кириллицы?).

Answer 2

[Денис Инешин]

Скорее всего причина в URL (../fonts/m-plus-1p-v19-latin-regular.woff2)
Проверить что шрифт загружен можно очень просто. Откройте консоль браузера - перейдите во вкладку Network и перезагрузите сайт. Вы увидете, какие ресурсы загружены, а какие нет.

Comments

[sickgang]

Я пробовал, он загружен, проверил
Вот именно что все сделал, но не работает все равно

[Денис Инешин]

sickgang, а выложите пример куда-то на хостинг и мы посмотрим. А то и дальше гадать будем

[sickgang]

Денис Инешин, Понял в чем проблема, шрифт не поддерживал латиницу

Answer 3

[Danny Arty]

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

Comments

[sickgang]

Понял в чем проблема, шрифт не поддерживал латиницу

[Danny Arty]

sickgang, понятно, бывает :)