Как использовать свой шрифт с flask

Question

у меня есть файл style.css

@font-face {
   font-family: 'Involve_h';
   src: url(/shrifts/Involve-Bold.ttf);
}

@font-face {
    font-family: 'Involve_p';
    src: url(/shrifts/Involve-SemiBold.ttf);
}

@font-face {
    font-family: 'Involve_p_italic';
    src: url(/shrifts/Involve-SemiBoldOblique.ttf);
}

html{
    background-image: url('/img/fon.jpg');
    background-repeat: repeat-y;
}

p>span{
    font-family: 'Involve_p_italic';
    font-size: 18px;
}

.group{
    display: inline-block;
}

p,li,a{
    font-family: 'Involve_p';
    font-size: 18px;
}

a{
    text-decoration: none;
    color: black;
}

h1{
    font-family: 'Involve_h';
    font-size: 40px;
}

h2{
    font-family: 'Involve_h';
    font-size: 35px;
}

h3{
    font-family: 'Involve_h';
    font-size: 25px;
}

h5{
    font-family: 'Involve_h';
    font-size: 20px;
}

p.group, .red_army {
    font-family: 'Involve_p';
    font-size: 20px;
}

h5.group{
    padding-right: 20px;
}

.img_p{
    font-family: 'Involve_h';
    font-size: 18px;
}

я решил использовать flask. Запускаю сайт и вижу, что шрифт не используется.

также есть html файлы, я решил пока что запустить index.html

структура файлов:

site
|
|-- static
|   |
|   |-- css
|   |   |
|   |   |-- style.css
|   |
|   |-- img
|   |   |
|   |   |- (много фото)
|
|--templates
|  |
|  |-- index.html
|  |
|  |-- (html файлы)
|
|-- shrifts
|   |
|   |-- Involve-Bold.ttf
|   |
|   |-- Involve-SemiBold.ttf
|   |
|   |-- Involve-SemiBoldOblique.ttf
|
|-- main.py

файл main.py:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

app.run(debug=True)

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Герои Великой Отечественной Войны</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <h1>Герои Великой Отечественной Войны</h1>
    <div>
        <a href="/alexandr_matrosov.html">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Alexander_Matveyevich_Matrosov.jpg/264px-Alexander_Matveyevich_Matrosov.jpg" alt="" width="200px">
            <h4>Александр Матвеевич Матросов</h4>
        </a>
    </div>
    <div>
        <a href="/minnigali_gibaidullin.html">
            <img src="https://upload.wikimedia.org/wikipedia/ru/7/78/Gubaidullin_mh.jpg" alt="" width="200px">
            <h4>Миннигали Губайдуллин Хабибуллович</h4>
        </a>
    </div>
    <div>
        <a href="/zybai_ytagulov.html">
            <img src="https://upload.wikimedia.org/wikipedia/ru/b/b5/Utyagulov_ZT.jpg" alt="" width="200px">
            <h4>Зубай Тухватович Утягулов</h4>
        </a>
    </div>
    <div>
        <a href="/timirai_kubakaevich.html">
            <img src="https://upload.wikimedia.org/wikipedia/ru/1/18/Kubakaev_TK.jpg" alt="" width="200px">
            <h4>Тимирай Кубакаевич Кубакаев</h4>
        </a>
    </div>
    <div>
        <a href="/musa_gareev.html">
            <img src="https://upload.wikimedia.org/wikipedia/ru/c/c6/%D0%9C%D1%83%D1%81%D0%B0_%D0%93%D0%B0%D0%B9%D1%81%D0%B8%D0%BD%D0%BE%D0%B2%D0%B8%D1%87_%D0%93%D0%B0%D1%80%D0%B5%D0%B5%D0%B2.jpg" alt="" width="200px">
            <h4>Гареев Муса Гайсинович</h4>
        </a>
    </div>
    <div>
        <a href="/minnigali_shaimuratov.html">
            <img src="https://upload.wikimedia.org/wikipedia/ru/thumb/8/8b/%D0%9C%D0%B8%D0%BD%D0%B8%D0%B3%D0%B0%D0%BB%D0%B8_%D0%9C%D0%B8%D0%BD%D0%B3%D0%B0%D0%B6%D0%B5%D0%B2%D0%B8%D1%87_%D0%A8%D0%B0%D0%B9%D0%BC%D1%83%D1%80%D0%B0%D1%82%D0%BE%D0%B2.jpg/250px-%D0%9C%D0%B8%D0%BD%D0%B8%D0%B3%D0%B0%D0%BB%D0%B8_%D0%9C%D0%B8%D0%BD%D0%B3%D0%B0%D0%B6%D0%B5%D0%B2%D0%B8%D1%87_%D0%A8%D0%B0%D0%B9%D0%BC%D1%83%D1%80%D0%B0%D1%82%D0%BE%D0%B2.jpg" alt="" width="200px">
            <h4>Минигали Мингазович Шаймуратович</h4>
        </a>
    </div>
    <div>
        <a href="/georgy_zgukov.html">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Zhukov-LIFE-1944-1945.jpg/250px-Zhukov-LIFE-1944-1945.jpg" alt="" width="200px">
            <h4>Георгий Константинович Жуков</h4>
        </a>
    </div>
</body>
</html>

выдаёт ошибку в консоли Failed to load resource: the server responded with a Involve-Bold.ttf:1 status of 404 (NOT FOUND)

БЛОГ НА HUSL

Как использовать свой шрифт с flask

Ответы (0 шт):