Web サイト プロジェクト内の別のフォルダーにある外部 CSS ファイルとフォント ファイルをリンクするにはどうすればよいですか?

外部フォルダーから CSS ファイルとフォント ファイルをリンクする

Web サイト ファイルが存在する「Website」フォルダーと、フォントのサブフォルダーを含む別の「Fonts」フォルダーがあると想像してください。 。 HTML ファイルと CSS ファイルが Web サイト フォルダーにある場合、それらを Fonts フォルダー内の要素にリンクするにはどうすればよいですか?

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

「/fonts」フォルダーにあるフォントフェイス CSS ファイルをリンクするには、次の構文を使用します。 href:

href="../../fonts/stylesheet.css"

• 「Website」フォルダーに戻るには、「../」で開始します。
• 「Fonts」フォルダーに移動するには、「fonts」を追加します。
• 最後に、以下を含めます"stylesheet.css."

2. フォントのリンク:

「Fonts」フォルダー内のサブフォルダーにあるフォントにリンクするには、で次の構文を使用しますsrc:

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');

• 前と同じ「../」および「fonts」構文を使用します。
• 「font1」サブフォルダーに移動し、フォント ファイル (font1 .ttf).
• 適切なファイルを使用して、追加のフォント形式について繰り返します拡張子.

相対ファイル パス リマインダー:

ファイル パスを使用してディレクトリ内を移動する場合:

• "/ ": ルートから開始directory.
• "../": ディレクトリを 1 つ戻します。
• "../../": ディレクトリを 2 つ戻します。 .
• 次に進むには、

これらの規則を理解することで、CSS ファイルとフォント ファイルを外部フォルダーから正確にリ​​ンクできます。

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