カテゴリー別アーカイブ: font awesome

font awesomeがローカル環境で表示されない対処方法

サーバーからページに名前を付けて保存した場合に、font-awesome.cssは読み込まれているのにフォントアイコンが表示されないで□みたいになり表示されないとき。

 

 

CDNなど最新を読み込んでも表示されない場合があります。
その場合はfont awesomeのクラス名があるバージョンのcssファイルをCDNで読み込んでみます。

 

 

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

 

 

今回はこのケースである程度、ローカル環境でもWebフォントでアイコンを表示させることができました。一部、表示されないものがある場合は、別のバージョンで試してみると表示されるかもしれません。

 

 

基本的にはclass=”fa fa-xxxxxなどからはじまるセレクタ名をヒントに探していくとよいでしょう。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。