如何链接我的网站项目中单独文件夹中的外部 CSS 和字体文件？

从外部文件夹链接 CSS 和字体文件

想象一下，有一个用于存放网站文件的“网站”文件夹，以及一个包含字体子文件夹的单独的“字体”文件夹。如果您的 HTML 和 CSS 文件位于 Website 文件夹中，如何将它们链接到 Fonts 文件夹中的元素？

1. 链接 Font-Face CSS 文件：

要链接位于“/fonts”文件夹中的字体 CSS 文件，请在您的href:

href="../../fonts/stylesheet.css"

• 以“../”开头移回到“网站”文件夹。
• 添加“字体”以导航到“字体”文件夹。
• 最后，包括“stylesheet.css。”

2. 链接字体：

要链接到“字体”文件夹内子文件夹中的字体，在您的中使用以下语法src:

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');

• 使用与之前相同的“../”和“fonts”语法。
• 导航到“font1”子文件夹并包含字体文件 (font1 .ttf)。
• 使用适当的文件重复任何其他字体格式

相对文件路径提醒：

使用文件路径浏览目录时：

• "/ ": 从根开始目录。
• "../": 后移一个目录。
• "../../": 后移两个目录.
• 要继续前进，请指定子目录。

通过了解这些约定，您可以准确地链接外部文件夹中的 CSS 和字体文件。

以上是如何链接我的网站项目中单独文件夹中的外部 CSS 和字体文件？的详细内容。更多信息请关注PHP中文网其他相关文章！