Question

文件夹蓝图

模板

File.html

静态

字体
风格

在css文件中，我试过：

@font-face{
font-family:<Font_name>
src:{{ url_for('static',filename='fonts/<font_name>.ttf') }} ;
}

添加自定义字体需要进行哪些更改？

Answer 1

假设您的项目目录已设置为（箭头=目录级别）：
〜/
>静态/
>> fonts /
>>> MyFont.woff
>模板/
>> index.html
> main.py

以下在index.html的style标签中实现字体的实现应该起作用：

<html>    
    <head>
        <style>
         @font-face {
            font-family: "MyFont";
            src: url("/static/fonts/MyFont.woff");
        }
        </style>
    </head>
</html>

Answer 2

您无法在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>

Python-Flask不接受自定义字体

2 个答案: