如何使 SCSS 中的字体 URL 与不同的 Flask 应用程序根目录一起使用
How to make font face URL in SCSS work with a different Flask application root
我有一个使用 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');
我刚刚想出了一个解决方案。由于输出的CSS文件也将是一个静态文件(/static/gen/XXXXXXXX.css
),只需在CSS文件中使用一个相对的URL:
src: url("../anakanak.ttf");
我有一个使用 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');
我刚刚想出了一个解决方案。由于输出的CSS文件也将是一个静态文件(/static/gen/XXXXXXXX.css
),只需在CSS文件中使用一个相对的URL:
src: url("../anakanak.ttf");