跨文件夹链接样式表和字体
组织网站文件时,通常会将资源分成不同的目录。在这种情况下,您的网站文件位于“网站”文件夹中,而与字体相关的文件位于“字体”文件夹中,该文件夹还包含特定字体的嵌套文件夹。
链接您的样式表(“ stylesheet.css") 到位于“网站”文件夹中的 HTML 文件,您只需使用相对于 HTML 文件的以下路径:
href="stylesheet.css"
但是,引用“Fonts”文件夹中的字体 CSS 文件需要稍微不同的方法。 font-face CSS 文件的相对路径变为:
href="../Fonts/font-face-css.css"
这里,“../Fonts/”向后移动一个目录,从 HTML 文件位置到达“Fonts”文件夹。
要链接“Fonts”文件夹内嵌套文件夹中的各个字体,请在 font-face CSS 中使用以下语法file:
src: url("../Fonts/font1/font1.ttf") format("truetype"); /* Repeat for each font and format as needed */
在此示例中,“../Fonts/font1/font1.ttf”指定位于“font1”文件夹内的 TrueType 字体 (TTF) 文件的相对路径。根据您的特定字体调整文件夹名称和文件扩展名。
以上是如何链接网站中单独文件夹中的样式表和字体?的详细内容。更多信息请关注PHP中文网其他相关文章!