Css 在Jinja2模板中使用字体？

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

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

---

如果我直接从谷歌而不是从我的服务器上使用字体，效果很好。请帮助。

尝试在CSS中使用此选项

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

body {
        font-family:Oswald;
    }

remove href=“{url\u for（'static'，filename='font/Oswald Bold.ttf'）}”

还要确保您的字体位于“字体”文件夹中。

---

我试过了，对我来说效果不错。

你的静态文件夹的结构是什么？这个-/home/xyz/project/blog/static/fonts。如果我将URL更改为src:URL（/static/fonts/Oswald Bold.ttf），现在你只能使用ttf，它就会起作用。这与X-Browser不兼容，每个浏览器都需要不同的字体格式：SVG、TTF、WOFF、WOFF2、EOT。Google fonts正在根据用户代理请求生成一个不同的CSS文件。请看一看-您可以从那里下载所有字体变体，它将生成一个与X浏览器兼容的CSS规则。

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

body {
        font-family:Oswald;
    }