css - 使用@font-face 来包含字体

Question

我正在尝试访问元素文件夹中的字体。这是我的 CSS:

@font-face
{
font-family: Chunk;
src: url('C:\Users\Ray\Dropbox\Work\Programming in .NET\School\PIN_Assignment\PIN_Assignment\Fonts\Chunkfice.otf');
}

我做错了什么？

Answer 1

您应该像这样使用相对 URL:

src: url("Fonts/Chunkfice.otf");

假设字体位于您的 css 文件所在目录的子目录中。

或者像这样的绝对 URL:

src: url("/Fonts/Chunkfice.otf");

假设 Fonts 文件夹位于您域的根文件夹中。

您正在使用 Windows 文件系统中的绝对路径。你不能像那样访问本地文件系统。