UNN4MED
@UNN4MED
Битрикс разработчик

Изображение и шрифты отображаются только при использовании плагина live server в VSCode. Почему?

На сайте не работают шрифты и png, если его открыть в проводнике без плагина. С плагином наоборот, все добавленные изображения отображаются, скачанные шрифты тоже. В html линки указаны корректно.
HTML:
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>REST</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./font.css">
    <link rel="stylesheet" href="/js/main.js">
</head>

Шрифты в CSS:
@font-face {
    font-family: 'Rhodium Libre';
    src: url('/fonts/RhodiumLibre-Regular.eot');
    src: url('/fonts/RhodiumLibre-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/RhodiumLibre-Regular.woff2') format('woff2'),
         url('/fonts/RhodiumLibre-Regular.woff') format('woff'),
         url('/fonts/RhodiumLibre-Regular.ttf') format('truetype'),
         url('/fonts/RhodiumLibre-Regular.svg#RhodiumLibre-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SeoulHangang CBL';
    src: url('/fonts/SeH-CBL.eot');
    src: url('/fonts/SeH-CBL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SeH-CBL.woff2') format('woff2'),
         url('/fonts/SeH-CBL.woff') format('woff'),
         url('/fonts/SeH-CBL.ttf') format('truetype'),
         url('/fonts/SeH-CBL.svg#SeH-CBL') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

Содержимое:
61436dbabd5b3163863079.png
61436dedf1f22266428736.png

(Сайт ещё разрабатывается)
Сайт, запущенный через плагин:
61436990268bc667502490.png
Сайт, запущенный без плагина:
6143691b94ce8754058128.png
  • Вопрос задан
  • 429 просмотров
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Откройте в браузере консоль разработчика и посмотрите сообщения. Наверняка там будут записи о запрете доступа к файлам из-за схемы file://
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы