在 Jinja2 模板中使用字体？

Question

我正在尝试将 google 字体添加到我的 jinja2 模板中。我下载了google字体，放到项目目录下，使用这个

<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='fonts/Oswald-Bold.ttf')}}">

我尝试使用模板中的字体，但它不起作用。这样做的正确方法是什么？ CSS 看起来像这样

body {
  background-color: #ED9121;
  font-family: 'Oswald';
  font-weight: 700;
}

如果我直接从 google 而不是从我的服务器使用字体，它工作正常。请帮忙

Answer 1

尝试在您的 CSS

中使用它

@font-face {
        font-family: Oswald;
        src: url(/static/fonts/Oswald-Bold.ttf);
    }

body {
        font-family:Oswald;
    }

删除 href="{{ url_for('static', 文件名='fonts/Oswald-Bold.ttf')}}"

还要确保您的字体在文件夹 fonts 中。我试过了，对我来说这是有效的。

Using fonts in Jinja2 template?