Задать вопрос
@Chaly95
html

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

Здравствуйте.
Есть проблема, не могу понять из за чего не распознается шрифт 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/

Пример
5aa97e5f1fe5e581654493.png
  • Вопрос задан
  • 907 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
petyagrill
@petyagrill
Чаще всего ответы находятся в DevTools
5aa9849211a65556379127.png

Ну и я бы советовал использовать немного другой формат использования шрифтов
@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
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы