文件夹蓝图
模板
- 文件.html
静态
- 字体
- 样式
在css文件中,我尝试了:
@font-face{
font-family:<Font_name>
src:{{ url_for('static',filename='fonts/<font_name>.ttf') }} ;
}
要添加自定义字体,需要做哪些更改?
您不能在css中使用模板标记。Jinja模板标签只适用于html文件和模板,而不是css。
要使用css文件,您必须手动插入链接,如下所示:
@font-face{
font-family: customfont;
src: /static/Fonts/font.ttf';
}
解决这个问题的唯一方法是提供一个模板,该模板包含嵌入<style></style>
标签中的css,这样flask就可以解释模板标签。所以你应该有这样的
<style>
@font-face{
font-family: <Font_name>
src: {{ url_for('static',filename='fonts/<font_name>.ttf') }} ;
}
</style>
假设您的项目目录是这样设置的(箭头=目录级别(:
~/
>静态/
>>字体/
>>>MyFont.woff
>模板/
>>index.html
>主.py
在index.html的样式标签中实现以下字体应该可以工作:
<html>
<head>
<style>
@font-face {
font-family: "MyFont";
src: url("/static/fonts/MyFont.woff");
}
</style>
</head>
</html>