1

помогите решить проблему отображения шрифтов.

Файлы шрифта лежат по пути папка-проекта\fonts\Roboto\RobotoLight В корне каталога лежит файл fonts.css рядом с основным css файлом. В нем описывается @font-face следующим образом:

@font-face {
font-family: "RobotoLight";
src: url("/fonts/Roboto/RobotoLight/RobotoLight.eot");
src: url("/fonts/Roboto/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"),
url("/fonts/Roboto/RobotoLight/RobotoLight.woff") format("woff"),
url("/fonts/Roboto/RobotoLight/RobotoLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

В основном файле CSS прописывается font-family: RobotoLight; для элемента которому необходимо задать данный шрифт.

В итоге при запуске html файла локально (file:///C:/Users/User/Desktop/project/index.html) Шрифты не отображаются! Отображается стандартный шрифт по умолчанию, не смотря на то, что в DevTools показан шрифт RobotoLight.

Однако при запуске на localhost (локальном сервере) шрифт отображается.

В чем может быть проблема и как ее решить? Спасибо большое!

3
  • При локальном открытии файла в консоли так же высвечивается данная ошибка GET file:///C:/fonts/Roboto/RobotoLight/RobotoLight.woff net::ERR_FILE_NOT_FOUND Однако данный файл по данному пути лежит в папке 7 мая 2020 в 12:23
  • А вы подключили fonts.css к основному css через @import или подключили fonts.css в index.html перед основным файлом css? 27 мар в 9:22
  • Или же что-бы не париться и не подключать лишний фаил просто скопируйте всё с fonts.css и вставьте в самом начале основного файла css 27 мар в 9:24

1 ответ 1

0

Попробуйте шрифты в формате .otf. Их можно найти на сайте Google Fonts.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.