将.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)

谢谢

Answer 1

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

以下是您需要了解的相关文件路径:

• 以"/"开头,返回根目录并从那里开始
• 从"../"开始向后移动一个目录并从那里开始
• 从"../../"开始向后移动两个目录并从那里开始(依此类推......)
• 要继续前进,只需从第一个子目录开始,继续前进

Answer 2

我不清楚,你想链接外部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">