次のファイルを使用して、非常に基本的な Web プロジェクトをセットアップしました。
- index.html
- スタイル.css
- scripts.js
HTML ファイルの先頭に次の行を含めました。
<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">
私はhtmlファイルで次のようなアイコンを使用しています:
<i class="icon ion-md-menu"></i>
アイコンは正しく表示されていましたが、プロジェクトのプレビュー時に CORS エラーが発生しました。
「 https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2?v=4.5.9-1 」のフォントへのアクセス元「http://127.0.0.1:5500」からは CORS ポリシーによってブロックされました: 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。
以前は問題なく動作していたのに、なぜエラーが発生するのかわかりません。この問題を解決する方法はありますか? ありがとう。