将 Google 字体添加到 Flask

Question

所以对于烧瓶我知道我可以添加 CSS 和

<link ... href="{{ url_for('static', filename='stylesheets/style.css') }}" />

但是如果我添加 google 字体，通常在 HTML 中看起来像

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>

我需要 edit/add 什么才能与 Flask 一起使用？

Answer 1

您不能在这里使用 static，就像您通常对网络服务器上的资源使用 link 一样。您的 link 本质上仍然是静态的，但与您正在服务的任何内容无关。所以你要么将 Google 字体 link 直接放在 HTML 模板中，要么作为一个变量扩展到完整的 link （如果你不使用，这会很方便到处都是相同的 header 模板，以后可能会更改字体）。

Answer 2

将 google 字体 link 添加到您的 index.html 或您想要的任何页面，如下所示：

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename= 'mystyle.css') }}">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
{% endblock %}

然后，将 CSS 字体语句添加到您的自定义 CSS 文件（我的是 static/mysyle.css）：

body {
    font-family: 'Open Sans Condensed', sans-serif;`
}

将 Google 字体添加到 Flask

Adding Google Fonts to Flask

css

python

fonts

flask