Web サイト内の別のフォルダーからスタイルシートとフォントをリンクするにはどうすればよいですか?

フォルダー間でのスタイルシートとフォントのリンク

Web サイトのファイルを整理する場合、アセットを異なるディレクトリに分割するのが一般的です。このシナリオでは、Web サイトのファイルは「Website」フォルダーにあり、フォント関連のファイルは「Fonts」フォルダーにあります。このフォルダーには、特定のフォントのネストされたフォルダーがさらに含まれています。

スタイルシートをリンクするには (" stylesheet.css") を "Website" フォルダーにある HTML ファイルに追加するには、HTML に対する次の相対パスを使用するだけです。 file:

href="stylesheet.css"

ただし、「Fonts」フォルダー内のフォントフェイス CSS ファイルを参照するには、少し異なるアプローチが必要です。フォントフェイス CSS ファイルの相対パスは次のようになります。

href="../Fonts/font-face-css.css"

ここで、「../Fonts/」は 1 ディレクトリ分戻り、HTML ファイルの場所から「Fonts」フォルダーに到達します。

「Fonts」フォルダー内のネストされたフォルダー内の個々のフォントをリンクするには、フォントフェイス CSS で次の構文を使用します。 file:

src: url("../Fonts/font1/font1.ttf") format("truetype");
/* Repeat for each font and format as needed */

この例では、「../Fonts/font1/font1.ttf」は、「font1」フォルダー内にある TrueType フォント (TTF) ファイルへの相対パスを指定します。特定のフォントに応じてフォルダー名とファイル拡張子を調整します。

以上がWeb サイト内の別のフォルダーからスタイルシートとフォントをリンクするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。