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 文件系统中的绝对路径。你不能像那样访问本地文件系统。