web-dev-qa-db-ja.com

別のフォルダーの.cssをリンクする

物事をリンクする方法についていくつか質問があります。

そのWebサイトのファイルが保存されているフォルダー「Webサイト」と、フォントのある別のフォルダーがあり、フォントフォルダーには各フォントのフォルダーがさらにあると想像してください。私のhtmlおよびcssファイルは、Webサイトフォルダーに直接あります。 font-face-cssファイルは/ fontフォルダーにあります。

CSSファイルをHTMLファイルにリンクしたいので、これを行います：href = "stylesheet.css"

また、font-face-cssファイルをhtmlファイルにリンクしたいので、href = ""に何を入れるべきですか？

また、cssファイルがfont-face-cssファイルにあるフォントフォルダー内にある独自のフォルダーにあるフォントをリンクしたいのですが、src：に何を入れるべきですか？

 1 Website folder
    1.1 Fonts folder (/fonts)
       1.1.1 Font1 folder (/fonts/font1)
             1.1.1.1 ttf file (/font/font1/font1.ttf)
             1.1.1.2 svg file (/font/font1/font1.svg)
       1.1.2 Font2 folder (/fonts/font2)
             1.1.2.1 ttf file (/font/font1/font2.ttf)
             1.1.2.2 svg file (/font/font1/font2.svg)
    1.2 html file (file.html)
    1.3 css file  (file.css)

ありがとうございました

htmlcssfonts
12
user4307777

私は明確に理解できませんが、上記で定義したファイルの構造として外部cssをリンクしますか？はいの場合は、linkタグを使用します。

    <link rel="stylesheet" type="text/css" href="file.css">

基本的に、Webサイトフォルダー（インデックスを含むフォルダー）の下にあるファイルの場合は、直接呼び出します。連続するフォルダーごとに、たとえばあなたのケースでは「/」を使用します。

    <link rel="stylesheet" type="text/css" href="Fonts/Font1/file name">
    <link rel="stylesheet" type="text/css" href="Fonts/Font2/file name">
11
mrahmat

これを確認してください ファイルパスのクイックリマインダー

相対ファイルパスについて知っておく必要があるのは次のとおりです。

  • 「/」で始まるルートディレクトリに戻り、そこから開始します
  • 「../」で始まると、1つのディレクトリが後方に移動し、そこから始まります
  • 「../../」で始まると、2つのディレクトリが後方に移動し、そこから始まります（など）。
  • 前に進むには、最初のサブディレクトリから始めて、先に進み続けます
37
Bhojendra Rauniyar

あなたがやりたいことは

<link rel="stylesheet" type="text/css" href="font/font-face/my-font-face.css">
1
Edwin Samuel Jonathan