html - 您如何将字体上传到您的网页(是否需要服务器)？

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">

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