试图更改GitHub页面中styles.css
文件中的字体,代码如下:
@font-face {
font-family: "Samim";
src: url("/resources/Samim.ttf") format("truetype");
}
这是保存在资源文件夹中的目录和字体
项目文件目录
问题是字体没有改变,还试图将字体移动到主目录,但没有改变,它在vscode实时预览上也能在本地正常工作。
您必须提供文件的相对路径
以这个目录结构为例:
- root
- system-files
- vahid
- github-pages
- resources
- Samim.ttf
- README.md
- index.html
- styles.css
这里的";根">是存储操作系统的驱动器;系统文件"包含您的操作系统的重要文件,最后您有了这个文件夹"vahid">,其中包含用户的文件,并且在"vahid">你有"strong>";github页面"存储所有github页面代码的文件夹。
在Path中,/
表示根,在Windows中,将其视为在Windows资源管理器中打开C:
。
这个句点.
表示当前目录,当您使用./
而不是/
时,您正在指定当前目录中的文件/文件夹的路径。
现在当在我的CCD_ 7中如果我使用这个路径CCD_;Samim.ttf";文件位于";资源">根目录中的strong>文件夹。
你注意到什么了吗?让我尝试在目录Structure中显示此路径。
- root
- resources
- Samim.ttf
正如你所看到的,我们指定的路径不存在,试着将其与上面给出的真实目录结构进行比较。
所以我们必须使用CCD_ 10而不是使用/
;资源"文件夹与"strong>"文件夹在同一文件夹中;styles.css"。
因此,您必须将绝对路径替换为相对路径 阅读更多关于相对和绝对LinuxHandBook.com 路径./resources/Samim.ttf
我更改了如下目录路径:
url("./resources/Samim.ttf")
刚刚在/
之后添加了一个.
,我想知道为什么,但它现在有效!
也对../resources
、..resources
和/resources
进行了氮化处理,但均不起作用。