2016-05-20 13 views
-2

私はfont awesomeをいくつかのアイコンに使用しようとしています。これはCDNを使って行います。 指示通りに私のフォントのすばらしい埋め込みコードを自分のページに単純にコピーしました。font awesome does not load net :: ERR_FILE_NOT_FOUND

<script src="https://use.fontawesome.com/4c5806874b.js"></script> 

しかし、私はページを開いたとき、それはここではうまくいかないものを

任意のアイデアを失敗したwebfontloader.jsその私に指示?

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width,initial-scale=1"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Brighton Times</title> 
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" type="text/css" href="main.css"> 
    <link rel="stylesheet" media="(max-width: 400px)"type="text/css" href="smallest-screens.css"> 
    <script src="https://use.fontawesome.com/4c5806874b.js"></script> 
    </head> 
+0

@AlbertoRubio彼はおそらく[Fort Awesome](https://fortawesome.com/)を使用しています - Font Awesomeやその他のアイコンファイルのカスタムバージョンを作成できます。 –

+0

@TiesonT。ああ、ありがとう。私はそれを知らなかった。私は私のコメントを削除します。 Sry –

+0

ファイルをfile:///プロトコル経由で表示していますか、またはライブサーバー上で表示していますか? –

答えて

0

私はこれを正しく理解していれば、あなたはいくつかのフォントをロードするために使用しようとしている - あなたがHTMLのフォローで出力を確認したい場合は、以下のリンク

https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css

を使用してみてください - 私はクラスとそれが動作するはずです。

+0

私のブラウザは、4行目のsyntaxerrorを捕まえているので、このCSSが間違っていると思われるようです。 'Uncaught SyntaxError:予期せぬトークンILLEGAL' – sjbuysse

+0

これをJSFiddleまたはJSbinに入れて問題を見ることができますか? –

+0

こちらはhttp://codepen.io/anon/pen/eZweQR – sjbuysse