5」を導入する際の注意点|火消しに行って油を注ぐ火消しに行って油を注ぐ私の知りたいを解決するブログ。あとプログラミングのメモなど。Vaster2テンプレートでは、SNSボタンに使用されています。FontAwesomeの最新バージョン「v5.0.6」が出たということでさっそく導入してみたのですが、アイコンが表示されなくなってしまいました。解決方法をメモしておきます。Awesome」のリンクを、以下のように変更しました。rel="stylesheet">この変更後、SNSアイコンが表示されなくなってしまったのです。私が行った修正は以下の通りです。WebフォントではなくSVG画像形式で表示するバージョン5からはSVG+Javascriptでアイコン表示させる方法が推奨されているそうです。SVG+Javascriptの場合でも、アイコンの使い方はCSSと同じです。src='https://use.fontawesome.com/releases/v5.0.6/js/all.js'></script>そうすると、アイコンのあった部分に「?」が表示されるようになりました。次は各<i>タグの接頭語(プレフィックス)修正していきます。v5.0.6では<i>タグ内のプレフィックスが変更されている<i>タグのclass名が、バージョン4では「fa」でしたが、バージョン5から「fab」「fas」「far」「fal」の4種類に変更されています。以下の通り、SNSシェアボタンのプレフィックスを修正する必要があります。fa-get-pocket'></i>これでアイコンが正常に表示されるようになりました。ちなみにアイコンの種類とプレフィックスの対応は以下のようになっているみたいです。fabまとめこの後、個別記事内で使用しているアイコンの<i>タグを、全て一つずつ修正しなければいけないことに気づいて愕然としました。最新バージョンでは使用できるアイコンの数が増えていたり、いろいろな機能も追加されています。面倒ですが変更する価値はあります。アイコンを使うとブログが一気に華やかになって、記事を書くのも楽しいですよね。同じような現象に悩んでいる人は、ぜひ参考にしてみてください。Next>自己紹介ヤマチヨ時代を逆行するレガシーエンジニア。末端SIerでシステムエンジニア紛いの仕事をしております。年齢を重ねるごとに加速する日々の中で、感じた事、考えた事を記録していきたいと思います。@_yamacho_人気記事ハードオフ・オフハウスで実際に売れたものまとめ。売れるもの・売れないもの。Excelのサイズが肥大化して動作が重い原因はたぶんこれ家族で大阪から福岡に帰省するなら車が楽。ヤマト便がサイズの上限を設定!重量と大きさの制限で送れないものが増えた!料金の値上げも実施!独学で地方公務員試験を受けたので、その振り返りなど(社会人経験者枠)【VB.NET】ネットワーク上のフォルダにアクセスしてユーザー/パスワード認証のダイアログを表示する5年間敷きっぱなしのカーペットをコインランドリーで洗濯しました。どんなことが聞かれるのか。)ルックJTB+JAL便を使って家族でハワイ旅行に行くと、費用はこれくらい。