在Jinja2模板中使用字體？

我想添加谷歌字體到我的jinja2模板。我下載谷歌字體，並把它放在項目目錄中，使用這個在Jinja2模板中使用字體？

<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='fonts/Oswald-Bold.ttf')}}">

我試圖在模板中使用字體，但它不工作。這樣做的正確方法是什麼？該CSS看起來像這樣

body { 
    background-color: #ED9121; 
    font-family: 'Oswald'; 
    font-weight: 700; 
}

如果我直接從谷歌而不是從我的服務器使用字體，它工作正常。請幫忙。

靜態文件夾的結構是什麼？ –

This-/home/xyz/project/blog/static/fonts。 – doctorsherlock

嘗試在你的CSS使用

@font-face { 
     font-family: Oswald; 
     src: url(/static/fonts/Oswald-Bold.ttf); 
    } 

body { 
     font-family:Oswald; 
    }

刪除HREF = 「{{url_for（ '靜'，文件名= '字體/奧斯瓦爾德-Bold.ttf'）}}」

也確保你的字體在文件夾字體裏面。我試過了，對我來說這是工作。

2016-01-20 11:28:42

感謝您的回覆，但仍然無法正常工作。 – doctorsherlock

它的工作原理是，如果我將URL更改爲src：url（/static/fonts/Oswald-Bold.ttf） – doctorsherlock

現在，您僅限於TTF。這不是X瀏覽器兼容的，每個瀏覽器都需要不同的字體格式：SVG，TTF，WOFF，WOFF2，EOT。 Google字體正在根據用戶代理請求生成不同的CSS文件。 – udondan

回答