[FIXED] Using fonts in Jinja2 template?

Issue

I am trying to add a google-font to my jinja2 template. I downloaded the google font and put it in the project directory, using this

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

i tried to use the font in the template but it is not working. What is the proper way of doing this? The CSS looks like this

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

If I use the font directly from google instead of from my server, it works fine. Please help.

Solution

Try to use this in your CSS

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

body {
        font-family:Oswald;
    }

remove href="{{ url_for('static', filename='fonts/Oswald-Bold.ttf')}}"

also make sure your font is inside the folder fonts. I tried it and for me this is working.

Answered By - Bart Bussel