我尝试在Django应用中使用自定义字体。
下面是我的base.html中的相关代码行：

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'recipebook/style.css' %}">

下面是我的css文件：

@font-face {
    font-family: "FiraCode-Retina";
    src: url("fonts/FiraCode-Retina.ttf") format("truetype");
}

body {
    margin: 0px;
    background-color: aliceblue;
}

.banner {
    border: 1px solid rgb(50, 50, 60);
    height: 75px;
}

.headnav {
    border: 1px solid rgb(50, 50, 60);
    height: 50px;
}

main {
    display: flex;
    height: 800px;
}

.navpanel {
    border: 1px solid rgb(50, 50, 60);
    flex-grow: 1;
}

.mainpanel {
    border: 1px solid rgb(50, 50, 60);
    flex-grow: 4;
}

.smartpanel {
    border: 1px solid rgb(50, 50, 60);
    flex-grow: 1;
}

.footerbar {
    border: 1px solid rgb(50, 50, 60);
    height: 50px;
}

下面是我的文件结构：

我的CSS可以工作除了字体的。我错过了什么步骤来让它工作？