如何将字体上载到网页（需要服务器）？

Question

我正在尝试将自定义字体上传到我的网站，但是一直失败，并且我不确定是否需要在服务器中添加路由才能使其正常工作（我正在使用python flask）。

在启动服务器之前，该字体位于我计算机的static/fonts/Sofia_Handwritten.otf中。

我尝试访问它的方式是：

@font-face {
    font-family: "Sofia_Handwritten";
    src: url("fonts/Sofia_Handwritten.otf");
}

#greeter {
    font-size: 50px;
    font-family: 'Sofia_Handwritten';
}

但是无论什么字体都不会显示。

服务器回复200，所以发现还可以。

编辑： 错误在于文件本身。

Answer 1

@ font-face应该在您的static/fonts/Sofia_Handwritten.css中。这样做之后，转到HTML并添加如下内容：

<link href="static/fonts/Sofia_Handwritten.css" rel="stylesheet">

然后您就可以使用您的字体。