我有一个使用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");