Top.Mail.Ru
Ответы

Почему не подключаются шрифты к html странице?

Шрифты скачаны и переведены в формат woff2 из ttf.

Есть папка styles в которой лежит файл styles.css и fonts.css есть папка fonts в которой лежат сами шрифты, файл index.html лежит в корневой дирректории. Прилагаю все скриншоты.

Шрифты подключаются в файле fonts css по конструкции @font-face, затем в файле styles.css подключаются к html странице. В самом html все файлы (styles.css, fonts.css) подключаются. В чем проблема, подскажите пожалуйста!

По дате
По рейтингу
Аватар пользователя
Гений
5лет

А должно быть вот столько и в таких форматах. Для каждого шрифта.

Аватар пользователя
Ученик
5лет

Т. е проблема в том, что отсутствуют ttf?
Они должны быть также?

Аватар пользователя
Ученик
5лет

Спасибо огромное, помогло. А почему так происходит? Т. е получается, woff2 не работают? Зачем тогда их подключать?

Аватар пользователя
Гуру
5лет

Ошибки загрузки в консоли есть или шрифт просто не применяется? Если не применяется – у вас в настройках шрифта задано свойство font-weight: 600, поэтому указывать нужно не только font-family, но и такой же font-weight.

Про то, что нужны еще tiff, eot и svg – не обращайте внимания, эти форматы уже давно можно не поддерживать, достаточно двух: woff2 и woff.



Видео по теме