fontawesomeが表示されない

実現したいこと

fontawesomeのフォントを表示させたい。

問題点、エラーメッセージ

fontawesomeでfontが表示されません。↓、headerには読み込みコードを入れているつもりですが、boostrapの読み込みコードの入れています。boostrapと何か関係があってfontawesomeの読み込みが妨げられているのでしょうか？
変な点があればすべてご指摘ください。

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <!-- Required meta tags -->
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <link rel="stylesheet" href="responsive.css">
9    <link rel="stylesheet" href="style.css">
10    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
11    
12    <!-- Bootstrap CSS -->
13    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
14
15    <title>airbnb</title>
16  </head>
17
18  <body>
19    <header>
20      <ul>
21        <li><span class="fad fa-airbnb"></span></li>
22        <li>概要</li>
23        <li>準備</li>
24        <li>安全</li>
25        <li>マネープラン</li>
26      </ul>
27      <button name="button" onclick="location.href='#'">はじめる</button>
28    </header>
29  
30    <div class="top container-fluid">
31      <div class="row">
32        <div class="top-box offset-el-8 col-el-3">
33          <h1>Airbnbホストになって、暮らしをレベルアップ</h1>
34          <h2> 宿泊施設の内容を記入</h2>
35          <input class="所在地">
36          東京
37          <input class="建物タイプ">
38          まるまる貸切
39          <input class="ゲスト4人">
40          ゲスト4人
41          <button class="top-button" onclick="location.href='#'" >はじめる</button> 
42        </div>
43      </div>
44    </div>

↓この前に、doctor　リセットcssを使っています。

css
1header{
2  height: 80px;
3}
4
5header ul {
6  list-style: none;
7  display: inline-block;
8}
9header ul li{
10  display: inline-block;
11}
12
13.top {
14  height: 518px;
15  width: 100%;
16  background-image: url(image/photographer-865295__340.webp);
17  background-size: cover;
18}
19.top-box{
20  width: 460px;
21  height: 420px;
22  background-color: white;
23}