1
こんにちは私はブートストラップを使用して 'サイトメンテナンス'ページを設計しています。ブートストラップ、フォントアイコンが表示されていませんがアイコンが回転しています
スピニングギアを表示するには、「Spinning Icon Font」を使用しています。私のローカルXAMPPサーバーでこれは非常にうまく動作しますが、オンラインサーバーにアップロードすると表示されません。
しかしを紡糸された第2のPICに示す
しかしそれら矩形枠を示しているが、これ：
あるべきギアが表示されていません。私が間違っているの
私のindex.html
<!DOCTYPE html>
<head>
<title>Maintenance</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:400,300,700">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="/css/font-awesome.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<!-- App CSS -->
<link rel="stylesheet" href="/css/admin.css">
</head>
<body class="">
<div class="maintenance-wrapper">
<div class="maintenance">
<div class="maintenance-icon">
<i class="fa fa-cog fa-spin gear-1"></i>
<i class="fa fa-cog fa-spin gear-2 text-primary"></i>
<i class="fa fa-cog fa-spin gear-3 text-secondary"></i>
</div> <!-- /.The Spinning-icons -->
<h1 class="maintenance-title">Site Maintenance</h1>
</body>
</html>
？
そう：
私はdev consoleを見て、 "fontawesome-webfont"ソースのエラー404を投げます。 –
私はfontawesome CDNを使用しました。うまくいきました！問題はあなたの '/ css/font-awesome.min.css'にあります –
[フォントのちょうど四角いボックスの代わりにアイコンが表示されます]の複製が表示される可能性があります（https://stackoverflow.com/questions/26867795/font-awesome-showing-ちょうど正方形ボックス代わりにアイコン） – GGO