css - 在 Jinja2 模板中使用字体？

Question

我正在尝试将 google-font 添加到我的 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;
}

如果我直接使用来自谷歌的字体而不是来 self 的服务器的字体，它就可以正常工作。请帮忙。

Answer 1

尝试在 CSS 中使用它

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

body {
        font-family:Oswald;
    }

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

还要确保您的字体位于字体文件夹内。 我尝试过，对我来说这是有效的。