在HTML页面中添加额外字体

问题是如何将特定字体应用于整个页面？我在下面的示例中这样做了，但它不起作用。仅当我将其应用于确切的标记时，它才起作用，如下所示：

Description-{current_-boat.boat_-Description}

{%load bootstrap4%}
{%load static%}
{%load staticfiles%}
{%加载缩略图%}
船pdf
@字体{
字体系列：Palatino Linotype；src:url（{%static“fonts/Arial.ttf”%}）；
}
身体{
字体系列：“Palatino Linotype”，Arial，无衬线；
颜色：#333333；
}
Description-{{current_-boat.boat_-Description}
{%例如在当前_boat.images%}
{%endfor%}

这可能是问题的原因

@font-face   {
    font-family: Palatino Linotype; src: url({% static "fonts/Arial.ttf" %});
}

试着用下面的替换它

@font-face   {
    font-family: Palatino Linotype; 
    src: url({% static "fonts/Palatino.ttf" %});
}