Web サイト内のネストされたフォルダーから外部 CSS ファイルとフォント ファイルをリンクするにはどうすればよいですか?

外部 CSS ファイルとフォント ファイルのリンク

Web サイトのファイルを整理する場合、外部 CSS ファイルとフォント ファイルをリンクする必要があります。このシナリオでは、HTML ファイルと CSS ファイルを含む「Website」フォルダーと、さまざまなフォントの複数のフォルダーを含むネストされた「Fonts」フォルダーがあります。

Font-Face CSS ファイルのリンク

フォントフェイス CSS ファイルをリンクするには、HTML で次のコードを使用しますfile:

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

これは、HTML ファイルの場所に相対的な「Fonts」フォルダーから CSS ファイルを参照します。

フォントのリンク

「Fonts」フォルダ内のそれぞれのフォルダからフォントをリンクするには、使用:

src: url("/fonts/font1/font1.ttf") format("truetype");

SVG 形式の場合:

src: url("/fonts/font1/font1.svg") format("svg");

ファイル パス リマインダー

ファイル パスを効果的に移動するには、次の点に注意してください。ルール:

• 「/」はルートを指します
• 「../」は 1 つのディレクトリを後方に移動します。
• 「../../」は 2 つのディレクトリを後方に移動します。
• 前に進むには、サブディレクトリを指定してください名前。

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