文件夹蓝图
模板
静态
在css文件中,我尝试:
@font-face{
font-family:<Font_name>
src:{{ url_for('static',filename='fonts/<font_name>.ttf') }} ;
}添加自定义字体需要进行哪些更改?
发布于 2016-10-13 07:58:04
不能在css中使用模板标记。Jinja模板标记只用于html文件和模板,而不是css。
要使用css文件,必须手动插入链接,如下所示:
@font-face{
font-family: customfont;
src: /static/Fonts/font.ttf';
}解决这个问题的唯一方法是提供一个模板,该模板包含嵌入在<style></style>标记中的css,这样烧瓶就可以解释模板标记。所以你应该有这样的东西
<style>
@font-face{
font-family: <Font_name>
src: {{ url_for('static',filename='fonts/<font_name>.ttf') }} ;
}
</style>发布于 2019-11-04 22:45:46
假设您的项目目录是这样设置的(Arrow=目录级别):
~/
静态/
字体/
MyFont.woff
模板/模板
index.html
main.py
Index.html样式标记中的字体面的以下实现应该可以工作:
<html>
<head>
<style>
@font-face {
font-family: "MyFont";
src: url("/static/fonts/MyFont.woff");
}
</style>
</head>
</html>https://stackoverflow.com/questions/40013987
复制相似问题