net::ERR_FILE_NOT_FOUNDの原因がわからない

前提・実現したいこと

jQueryでスラーダーのコードをコピペして動作の確認をしたい。

ここに質問の内容を詳しく書いてください。
検証ツールでコンソールに二箇所のエラーメッセージがありました。内容は同じで下記の通りです。
GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.woff net::ERR_FILE_NOT_FOUND

GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.ttf net::ERR_FILE_NOT_FOUND

発生している問題・エラーメッセージ

GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.woff net::ERR_FILE_NOT_FOUND

GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.ttf net::ERR_FILE_NOT_FOUND

エラーメッセージ
GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.woff net::ERR_FILE_NOT_FOUND

GET file:///Volumes/TAIKEN05/%E3%82%B9%E3%83%A9%E3%82%A4%E3%82%BF%E3%82%99%E3%83%BC/slick-1.8.1/slick/fonts/slick.ttf net::ERR_FILE_NOT_FOUND

### 該当のソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>スライダー</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="./slick-1.8.1/slick/slick-theme.css">
    <link rel="stylesheet" href="./slick-1.8.1/slick/slick.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <div class="slick1">
        <div><img src="./img/pic_01.jpg" width="800" height="600" alt=""></div>
        <div><img src="./img/pic_02.jpg" width="800" height="600" alt=""></div>
        <div><img src="./img/pic_03.jpg" width="800" height="600" alt=""></div>
        <div><img src="./img/pic_01.jpg" width="800" height="600" alt=""></div>
        <div><img src="./img/pic_02.jpg" width="800" height="600" alt=""></div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="./slick-1.8.1/slick/slick.min.js"></script>
    <script type="text/javascript" src="./script/script.js"></script>
</body>
</html>
```ここに言語名を入力
html,css,jQuery
ソースコード

試したこと

変にいじれないので何もしていない

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Lhankor_Mhy

2021/11/12 03:01

ディレクトリ構成を教えてください。

tetora_0714

2021/11/12 03:06

こんにちは。画像を追加しました。よろしくお願い致します。

Lhankor_Mhy

2021/11/12 03:07

把握しました。

行動規範の内容に同意します

回答1件

ベストアンサー

ダウンロードした時のディレクトリ構成に戻すか、または

css
1    src: url('./fonts/slick.eot');
2    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');