Q&A
問題
Githubにてhtml・cssを用いて作成したWebページをアップロードし公開しました。この公開urlのリンクに飛んでみたところfontawsome(fa-facebook, fa-twitter, fa-instagram)を使用した部分が表示されませんでした。
ローカル環境でhtmlファイルを開くとちゃんと表示されるのですが公開urlからリンクに飛ぶとfontawsomeが消えてしまい困っています。
こちらが該当のurlです。
https://muromuromuro.github.io/Uniiva/
ソースコード
html
1<!DOCTYPE html> 2 3<!-- <html xmlns="http://www.w3.org/1999/xhtml"> --> 4<html lang="ja"> 5<head> 6 <meta charset="utf-8" /> 7 <link rel="stylesheet" type="text/css" href="css/homeStyle.css"> 8 <link rel="icon" href="image/uniiva.ico"> 9 <title>Uniiva</title> 10 <meta name="description" content="MatchingApp For Student"> 11 <script defer src="https:use.fontawesome.com/releases/v5.13.0/js/all.js"></script> 12</head> 13<body> 14 15<!-- header --> 16<header> 17 <a href="index.html"> 18 <img src="image/uniivaIcon.png" width=25 height=25 alt="uniiva" class="logo"> 19 </a> 20 <a href="index.html" class="header-title"> 21 <h1>Uniiva</h1> 22 </a> 23 <a href="#" class="log-icon"> 24 <i class="fas fa-sign-in-alt fa-2x"></i> 25 </a> 26</header> 27 28<div class="main"> 29 <div class="main-img"> 30 <div class="warpper"> 31 <!-- <h1 class="main-title">最高の出会いを</h1> 32 <h2 class="main-txt">学生限定のマッチングアプリ</h2> --> 33 <a href="#" class="sign-up">Sign Up</a> 34 </div> 35 </div> 36 37 <div class="about"> 38 <h1 class="about-title">Uniivaって?</h1> 39 <div class="about-wrapper"> 40 <img src="image/about-img.jpg" alt="about" class="about-img"> 41 <div class="about-txt"> 42 <h2>学生専用のマッチングサイト</h2> 43 <p>Uniivaは学生専用のマッチングサイトです</p> 44 <p>Uniivaは最高の出会いを届けます</p> 45 <p>Uniivaは素晴らしい仲間を探します</p> 46 <p>静岡大学、静岡文化芸術大学、専門学校等へ</p> 47 <p>男女同士のマッチングだけでなく同性の友人も</p> 48 </div> 49 </div> 50 </div> 51 52 <div class="example"> 53 <h1 class="ex-title">例えば...</h1> 54 <ul class="ex-list"> 55 <li> 56 <img src="image/ex-img1.jpg" alt="exmaple"> 57 <p>飲み友も</p> 58 </li> 59 <li> 60 <img src="image/ex-img2.jpg" alt="exmaple"> 61 <p>吸っ友も</p> 62 </li> 63 <li> 64 <img src="image/ex-img3.jpg" alt="exmaple"> 65 <p>恋人も</p> 66 </li> 67 </ul> 68 </div> 69</div> 70 71 72<!-- footer --> 73<footer> 74 <div class="footer-img"> 75 <a href="index.html"> 76 <img src="image/uniiva.png" alt="icon" class="footer-icon"> 77 </a> 78 <div class="link"> 79 <ul class="link-list"> 80 <li> 81 <a href="#"> 82 <i class="fab your-fa-facebook fa-2x link-icon"></i> 83 </a> 84 </li> 85 <li> 86 <a href="#"> 87 <i class="fab your-fa-twitter fa-2x link-icon"></i> 88 </a> 89 </li> 90 <li> 91 <a href="#"> 92 <i class="fab your-fa-instagram fa-2x link-icon"></i> 93 </a> 94 </li> 95 </ul> 96 </div> 97 </div> 98 99 100 <!-- コピーライト --> 101 <p class="copyright">© 2020 Uniiva</p> 102</footer> 103</body> 104</html> 105
回答1件
0
ベストアンサー
該当のURLみると、fontawesomeが404で読みこめてないですね
<script defer="" src="https:use.fontawesome.com/releases/v5.13.0/js/all.js"></script>
以下のようになるべきなのかなと。
<script defer="" src="https://use.fontawesome.com/releases/v5.13.0/js/all.js"></script>
投稿2020/05/13 18:29
総合スコア274
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/13 23:56