字体文件和模板文件在同一个文件夹下,src: url该怎么写
时间: 2024-03-04 16:52:53 浏览: 112
如果字体文件和模板文件在同一个文件夹下,那么你可以使用相对路径来引用字体文件。具体来说,你可以在 `url()` 函数中使用相对路径来指定字体文件的位置。例如,假设你的字体文件名为 "SourceHanSansCN-Regular.otf",那么你可以这样写:
```
@font-face {
font-family: "SourceHanSansCN-Regular";
src: url("./SourceHanSansCN-Regular.otf") format("opentype");
font-style: normal;
font-weight: normal;
}
```
在上面的代码中,我们使用了 `./` 来指定当前文件夹作为字体文件的路径,然后使用了字体文件的实际文件名 "SourceHanSansCN-Regular.otf"。这样浏览器就可以在当前文件夹中查找到字体文件了。
需要注意的是,如果你的模板文件是通过 HTTP 协议进行访问的,而字体文件是通过 HTTPS 协议加载的,那么可能会遇到跨域问题。在这种情况下,你需要在服务器端配置跨域访问规则,或者将字体文件转换为 base64 编码的格式嵌入到 CSS 文件中。
阅读全文