如何在 HTML 中链接不同文件夹中的 CSS 和字体文件？

跨文件夹链接 CSS 和字体文件

在给定的文件夹结构中，任务是链接来自单独的 CSS 文件和字体文件文件夹到 HTML 文件。为此：

链接 CSS 文件：

打开 HTML 文件并在

中添加以下行：部分：

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

此行指定 stylesheet.css 文件位于 HTML 文件上方（向后）的一个文件夹。

链接 Font-Face CSS 文件：

类似地，要链接 font-face CSS 文件，请将以下行添加到<头>部分：

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

此行指向字体 CSS 文件，该文件位于“fonts”文件夹中。

链接字体

要链接 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 版本。

使用相对时请记住以下准则文件路径：

• 以“/”开头返回根目录目录。
• 以“../”开头向后移动一个目录。
• 以“../”开头向后移动两个目录。
• 要向前移动，请从第一个子目录并继续前进。

以上是如何在 HTML 中链接不同文件夹中的 CSS 和字体文件？的详细内容。更多信息请关注PHP中文网其他相关文章！