フォントが使えません。

Circularをダウンロードしてあるのにも関わらず、Circularが使えません。
何故使えないのか教えて頂きたいです。

「ホスティングこそまさにAirbnbがAirbnbである理由」のフォントを変えたいです。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="stylesheet" href="stylesheet.css">
7  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
8  <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
9  <title>Bootstrap</title>
10</head>
11
12<body>
13<div class="container-fluid p-0">
14
15  <div class="row top">
16    <div class="top-col-video col-lg-6 col-xs-12">
17      <video>
18          <source src="https://a0.muscache.com/v/a9/a7/a9a7873c-95de-5e37-8995-a5abb5b6b02f/a9a7873c95de5e378995a5abb5b6b02f_4000k_1.mp4">
19        </video>
20    </div>
21    <div class="top-col-box col-lg-6 col-xs-12">
22      <i class="fab fa-airbnb"></i>
23      <div class="top-col-box-letter">
24        <h1>ホスティングこそ<br>まさにAirbnbが<br>Airbnbである理由</h1>
25        <input type="submit" value="ホスティングをはじめる">
26      </div>
27    </div>
28  </div>
29
30</div>
31<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
32  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
33</body>
34</html>

CSS
1@charset "UTF-8";
2* {
3	clear: both;
4}
5body {
6margin:0;
7padding:0;
8}
9.container-fluid {
10	height: 5000px;
11}
12
13
14.top {
15	border:solid;
16	width:100%;
17}
18.top-col-video {
19}
20.top-col-video video{
21	object-fit: cover;
22	width:100%;
23	height:100%;
24}
25.top-col-box{
26}
27.top-col-box-letter h1{
28	color:black;
29	font-family： "Circular"、sans-serif;
30}
31.top-col-box-letter input{
32color:white;
33background-color:#c70067;
34}
35.fa-airbnb{
36	color:white;
37	font-size:38px;
38cursor:pointer;
39}
40
41@media screen and (min-width:992px) {
42	.top {
43		display: flex;
44		flex-direction: row-reverse;
45		height:720px;
46	}
47	.top-col-box{
48		background-color:black;
49		height:100%;
50	}
51	.top-col-video{
52		height:100%;
53	}
54	.top-col-box-letter h1{
55		color:white;
56		font-size:70px;
57		margin:100px 0 40px 0;
58	}
59	.fa-airbnb{
60		margin:45px 0 0 44px;
61	}
62
63}
64
65@media screen and (max-width:992px){
66.top{
67	height:740px;
68}
69.top-col-video{
70	height:65%;
71}
72.top-col-box{
73	height:35%;
74}
75.fa-airbnb{
76display:none;
77}
78}
79
80@media screen and (max-width:768px){
81.top{
82	height:600px;
83}
84.top-col-video{
85	height:68%;
86}
87.top-col-box{
88	height:32%;
89}
90.fa-airbnb{
91display:none;
92}
93}