ビルドが動いているか確認するため、主要ファイルの現状をチェックさせてください。
全ファイルの内容を確認しました。サイトは正しく構築されています。プレビューにそのまま表示されるはずです。ヒーローセクションのロゴ画像に invert mix-blend-screen を使っていますが、JPG画像の背景が白っぽいため黒背景上で少し見え方が変わる可能性があります。微調整しておきます。
全ファイルの内容を確認しました。サイトは問題なく構築されています。プレビューで表示されているはずです。
構成をまとめると:
/) - ヒーロー(ロゴ・イラスト)、店舗紹介(ダーツ/カラオケ/ソファー席)、ニュース、店舗情報/menu) - ドリンク11カテゴリ+フード4カテゴリの全メニューを2カラム表示/news) - お知らせ一覧+個別記事ページ/reservation) - 名前・電話・日時・人数・備考のフォーム/about) - 株式会社SOAR / 古井戸秀晴/recruit) - バーテンダー募集/contact) - 汎用フォーム黒背景・白文字、ロゴの赤(#8b1a1a)をアクセントカラーに使用。ヘッダーはPC/モバイル対応のレスポンシブナビ、フッターにはInstagram/TikTokリンク(後で差し替え)と営業時間を配置しています。プレビューをご確認ください。
すみません、ファイルの内容を確認して問題を修正します。
残りのコンポーネントファイルも確認します。
コードは全て正しく書かれています。問題はおそらく @theme ディレクティブです。Tailwind CSS v4 では @theme inline を使う必要があります。修正します。
次に Noto_Serif_JP のサブセット問題も修正します。Noto_Serif_JP は latin だけではなく latin を含んだ形で使う必要がありますが、日本語フォントなので正しいサブセット指定にします。
Cormorant_Garamond のウェイトに 300 がサポートされていない可能性もあるので確認・修正します。
ビルドが通るか確認するためにデバッグログを入れておきます。
Cormorant_Garamond はウェイト 300 をサポートしています(Google Fontsを確認)。問題はサポートされていないフォントウェイトよりも、Noto_Serif_JP の 300 ウェイトかもしれません。既に修正済みです。他のサブページも確認します。
全ファイルが揃っています。残りのページも読んで問題がないか確認します。
全ファイルの内容を確認しました。コードは問題ありません。デバッグログを削除します。
@theme ディレクティブを @theme inline に修正し、フォントウェイトも調整しました。プレビューに黒背景のbar feliceサイトが表示されるはずです。左上にロゴ、中央にヒーローセクション(イラストロゴ + "bar felice" のタイトル)、その下にABOUT/NEWS/店舗情報セクション、フッターと続く構成です。プレビュー画面をご確認ください。
You can send messages while the preview loads