您如何将字体上传到您的网页（是否需要服务器）？

Question

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

字体在我的电脑里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">

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