如何在SCSS中使字体的URL在不同的Flask应用程序根目录下工作

问题描述 投票:0回答:1

我有一个使用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 url flask font-face static-files
1个回答
0
投票

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

src: url("../anakanak.ttf");
© www.soinside.com 2019 - 2024. All rights reserved.