Не подключается шрифт через font-face?
В тз дали ссылку на шрифты, скачивается только один формат - woff. Подключаю в css следующим образом. Ничего.
Что не так?
Дополнительно:
hey_helenya Правила 3.8
Т.е. мало того, что неверно написано, так еще и перепутанном порядке.
В font-family при подключении пишут только название. Там нет ничего запасного. Запасной нужен, когда применяют шрифт.
Зачем вы в современном мире хотите загрузить eot и ttf вообще загадка. Вы реально собрались поддерживать ИЕ9 и подобные?
Что делать:
1. Открыть справочник или загуглить "подключение шрифтов из файла", посмотреть что и как пишется.
2. Загугилить каким браузерам какой формат файлов.
3. Для современных браузеров использовать woff2. Если нужна поддержка предыдущего поколения, после добавить еще и woff.
p.s. bold это обычно 700, но если уверены, что 900, то ок.
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.
Ответы:
@font-face { font-family: 'Yandex Sans Text'; src: url('../fonts/YandexSansTextRegular.woff') format('woff'); font-weight: 400; font-style: normal; } |
@font-face { font-family: 'Yandex Sans Text'; src: url('../fonts/YandexSansTextRegular.woff') format('woff'); font-weight: 400; font-style: normal; }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы подключить шрифт через font-face в вашем проекте, следуйте следующим шагам:
1. Сначала вам необходимо загрузить шрифт в форматах WOFF, WOFF2, TTF, EOT, SVG или OTF. Убедитесь, что у вас есть все эти форматы шрифта для лучшей совместимости с различными браузерами.
2. После загрузки шрифта, добавьте его в ваш проект. Для этого создайте папку "fonts" в корне вашего проекта и поместите туда файлы шрифтов.
3. Теперь отредактируйте свой файл CSS, чтобы подключить шрифт через font-face. Вот пример кода для подключения шрифта Roboto:
@font-face { font-family: 'Roboto'; src: url('fonts/roboto.woff2') format('woff2'), url('fonts/roboto.woff') format('woff'), url('fonts/roboto.ttf') format('truetype'); font-weight: normal; font-style: normal; }
4. После этого просто укажите в свойствах CSS, где вы хотите использовать этот шрифт:
body { font-family: 'Roboto', sans-serif; }
5. Не забудьте проверить правильность путей к файлам шрифтов и исправить их при необходимости. Также убедитесь, что вы используете правильные названия шрифтов в свойствах font-family.
После выполнения этих шагов, шрифт должен успешно подключиться к вашему проекту. Если у вас возникли какие-либо проблемы, убедитесь, что вы правильно указали пути к файлам шрифтов и соответствующие форматы.