Из за чего не распознается шрифт Gotham Pro Light на сайте?

Question

[Chaly95]

Здравствуйте.
Есть проблема, не могу понять из за чего не распознается шрифт Gotham Pro Light на сайте.
Подключал через СSS
Остальные шрифты отображаются и нормально функционируют.

@font-face {
    font-family: 'Gotham Pro Light';
    src: url('../fonts/GothamPro-Light.otf?') format('opentype'),
    url('../fonts/GothamPro-Light.eot?') format('eot'),
    url('../fonts/GothamPro-Light.woff') format('woff'),
    url('../fonts/GothamPro-Light.ttf')  format('truetype');
}

Сайт: https://pipl.ua/bezopasnost-dla-doma/

Пример

Answer 1

[petyagrill]

Чаще всего ответы находятся в DevTools


Ну и я бы советовал использовать немного другой формат использования шрифтов

@font-face {
	font-family: 'GothamPro';
	src: url('../fonts/GothamPro.eot?') format('eot'), 
	     url('../fonts/GothamPro.otf')  format('opentype'),
	     url('../fonts/GothamPro.woff') format('woff'), 
	     url('../fonts/GothamPro.ttf')  format('truetype'),
	     url('../fonts/GothamPro.svg#GothamPro') format('svg');
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro-Light.otf?') format('opentype'),
    url('../fonts/GothamPro-Light.eot?') format('eot'),
    url('../fonts/GothamPro-Light.woff') format('woff'),
    url('../fonts/GothamPro-Light.ttf')  format('truetype');
    font-weight:300;
}

В таком случае можно в нужном месте использовать только font-weight

Comments

[Chaly95]

Спасибо, был указан неверный путь к шрифту)