链接另一个文件夹中的 .css 文件

Question

想象一下，我有一个文件夹“Website”，用于存储该网站的文件，还有另一个文件夹，其中包含字体，并且字体文件夹为每种字体提供了更多文件夹。我的 html 和 css 文件直接在网站文件夹中。我的 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)

原文由 user4307777 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不太清楚，你想链接一个外部CSS作为你上面定义的文件结构吗？如果是，则只需使用链接标签：

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

所以基本上对于您网站文件夹（包含索引的文件夹）下的文件，您可以直接调用它。对于每个连续的文件夹，例如在您的情况下使用“/”：

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

原文由 mrahmat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

检查这个 文件路径的快速提醒

以下是您需要了解的有关相对文件路径的所有信息：

• 以“/”开头返回根目录并从那里开始
• 以“../”开始向后移动一个目录并从那里开始
• 以“../../”开头向后移动两个目录并从那里开始（依此类推…）
• 要继续前进，只需从第一个子目录开始并继续前进

原文由 Bhojendra Rauniyar 发布，翻译遵循 CC BY-SA 3.0 许可协议