在GitHub页面中使用自定义字体



试图更改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"。

因此,您必须将绝对路径替换为相对路径

  • ./resources/Samim.ttf

阅读更多关于相对绝对LinuxHandBook.com 路径

我更改了如下目录路径:

url("./resources/Samim.ttf")

刚刚在/之后添加了一个.,我想知道为什么,但它现在有效!

也对../resources..resources/resources进行了氮化处理,但均不起作用。

最新更新