首页 > web前端 > css教程 > 如何从我的网站中的嵌套文件夹链接外部 CSS 和字体文件?

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

Linda Hamilton
发布: 2024-11-29 07:09:09
原创
105 人浏览过

How Do I Link External CSS and Font Files from Nested Folders in My Website?

链接外部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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板