如何使 SCSS 中的字体 URL 与不同的 Flask 应用程序根目录一起使用

Question

我有一个使用 Flask 的网站，我使用带有 libsass 过滤器的 Flask-Assets。这是我的一些 SCSS 代码：

@font-face {
    font-family: AnakAnak;
    src: url("/static/anakanak.ttf");
}

这通常工作正常。但是，当我将我的 Flask 应用程序的 APPLICATION_ROOT 配置值设置为 /otherpath 时，字体文件现在位于 /otherpath/static/anakanak.ttf，但 CSS 仍然指向 /static/anakanak.ttf.我怎样才能解决这个问题？有什么方法可以将这样的东西插入 CSS?

src: url(url_for('static', filename='anakanak.ttf');

Answer 1

我刚刚想出了一个解决方案。由于输出的CSS文件也将是一个静态文件(/static/gen/XXXXXXXX.css)，只需在CSS文件中使用一个相对的URL：

src: url("../anakanak.ttf");