如何从我的网站中的嵌套文件夹链接外部 CSS 和字体文件？

链接外部CSS和字体文件

在组织网站文件时，有必要链接外部CSS和字体文件。在这种情况下，您有一个包含 HTML 和 CSS 文件的“网站”文件夹，以及一个包含不同字体的多个文件夹的嵌套“字体”文件夹。

链接 Font-Face CSS 文件

要链接您的 font-face CSS 文件，请在 HTML 中使用以下内容文件：

href="/fonts/font-face.css"

这将引用相对于 HTML 文件位置的“字体”文件夹中的 CSS 文件。

链接字体

要链接“字体”文件夹中各自文件夹中的字体，使用：

src: url("/fonts/font1/font1.ttf") format("truetype");

对于 SVG 格式：

src: url("/fonts/font1/font1.svg") format("svg");

文件路径提醒

要有效地浏览文件路径，请记住以下内容规则：

• “/”表示根目录。
• “../”向后移动一个目录。
• “../../”向后移动两个目录。
• 要向前移动，请指定子目录名字。

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