HTML 内の異なるフォルダーから CSS ファイルとフォント ファイルをリンクするにはどうすればよいですか?

フォルダー間で CSS ファイルとフォント ファイルをリンクする

指定されたフォルダー構造で、タスクは CSS ファイルとフォント ファイルを別々のフォルダーからリンクすることです。フォルダーを HTML ファイルに変換します。これを行うには:

CSS ファイルのリンク:

HTML ファイルを開き、 に次の行を追加します。セクション:

<link href="../stylesheet.css" rel="stylesheet">

この行は、stylesheet.css ファイルが HTML ファイルの 1 つ上 (後方) のフォルダーにあることを指定します。

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

同様に、font-face CSS ファイルをリンクするには、次の行をセクション:

<link href="fonts/fontstyle.css" rel="stylesheet">

この行は、「fonts」フォルダーにあるフォントフェイス CSS ファイルを指します。

フォントのリンク

fontstyle.css ファイル内のフォントをリンクするには、src 属性を次のように使用します。

@font-face {
  font-family: 'Font1';
  src: url('../fonts/font1/font1.ttf') format('truetype');
  src: url('../fonts/font1/font1.svg') format('svg');
}

このコードは、Font1 フォントが「fonts/font1」フォルダーにあり、TTF バージョンと SVG バージョンの両方が含まれていることを指定します。

相対フォントを使用する場合は、次のガイドラインに注意してください。ファイルパス:

• 「/」で始まるとルートに戻ります
• 「../」で始まると、1 つのディレクトリが後方に移動します。
• 「../」で始まると、2 つのディレクトリが後方に移動します。
• 前に進むには、次から始めます最初のサブディレクトリに移動し、先に進みます。

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