2017-09-21 6 views
0

ここで問題が発生しています。ダウンロードしたCSSでは動作しませんが、同じ外部CDNで作業するブートストラップフォントの素晴らしいアイコンがいくつかあります。多くが働いているが、いくつかは、例えばfa-copyright, fa-credit-card-altなどのように機能していない:ダウンロードしたときにブートストラップフォントがうまくいかないCSS

そのは

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 

での作業しかし、私は、外部の内容をコピーしていても

<link rel="stylesheet" href="css/font-awesome.min.css"> 

と交換したときに動作しませんCSSに置き換えてcss/ディレクトリのfont-awesome.min.cssの内容に置き換えてください。私を助けてください。

+0

ブラウザに最新のローカルCSSファイルがロードされていることを確認してください。このファイルの内容は、ブラウザの開発ツールの[アプリケーション]パネルで確認できます。代わりに、あなたはフォントワームのライブラリの最新バージョンをダウンロードすることができます:http://fontawesome.io/ – UncaughtTypeError

答えて

0

これは動作しません。ちょうどCSSです。あなたはfont-awesomeのフォントファイルも必要とし、それらをfontsというフォルダに入れます。フォントファイルは、以下のとおりです。

  • FontAwesome.otf
  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff
  • fontawesome-webfont.woff2

あなたは最新バージョンが必要ですo(4.7と思う)、アイコンのいくつかを使うことはできません。彼らのウェブサイトに行ってダウンロードするだけです。

+0

ああ..ありがとう..働いた:) –

0

この試してみてください。それはどのようなフォントです...あなたはまた、同様に、フォント自体をダウンロードする必要が

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

または

<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

または

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

をother ...そう、fontawesomeのウェブサイトに行き、指示に従い、CSS +フォントをダウンロードしてください。

+0

私は実際には、ページの読み込み時間を改善するために外部にリンクするオンラインではなくオフラインCSSを使用したいと考えています。 –

+1

CDNを使用すると、そのファイルは外部ファイルであるため、ローカルの資産と並行してダウンロードする必要があります。 – UncaughtTypeError

0

同じ問題が発生しました。私が使用していたFontAwesomeのバージョンは古くなっていました。私は4.7を使用するように更新し、すべてが円滑に機能しました。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 
関連する問題