0からのブログ作り

簡単 簡潔 シンプルに 結論だけを

【はてなブログ】はてなブログでFont Awesomeを表示する方法 2024年

当ブログはプロモーションを含みます

桜母ちゃん

最近ブログカスタマイズにはまってる
桜母ちゃんです 

 難しい事は分からないよ!
 設定の仕方だけ知りたいな!

にゃん太

そんな時はにゃん太が解決するなりよ♫

にゃん子

にゃん太はうっかり早とちりさんだし、桜母ちゃんは超初心者だから私もお手伝いするにゃ よろしくにゃん♪

疑問を解決!本日のテーマは

はてなブログでFont Awesomeを表示する方法

桜母ちゃん

アイコンフォントを使いたくってFont Awesomeを設定したのに全然表示されないのっ

にゃん太

はてなブログでFontAsesomeを使う時は少しだけコツがいるにゃ♪

桜母ちゃん

そうなの?やり方があったんだね!

にゃん子

慣れてしまえば簡単なりよ♪

にゃん太

HTMLをちょちょいと書き換えるだけなり♫

Font Awesomeをはてなブログ用に書き換える方法

アイコンフォントのコードを2カ所修正する

  <i>タグを<span>タグに変える
  </span>の直前に&nbsp;を入れる

具体的な手順

にゃん太

簡単だったなりか?

桜母ちゃん

簡単だったよ!覚えちゃえば出来そう♪
いつか書き換えなくても良い使用に変わると良いけどね!

にゃん子

もっと詳しく知りたい人はこちらへどうぞにゃん♪

0-karablog.kimotamakachan.com

 

まとめ


 はてなブログでもタグを書き換えればFont Awesomeが使える
 

いかがでしたか。少しでも参考になる事が書いてあったら幸いです。

それではまた(^^)/

        桜母ちゃんでした

 桜母ちゃんのメインブログ

桜の一歩!』はこちら

 にゃん太とにゃん子のにゃんスタグラム

sakura _nyans』もよろしくにゃ♪

ある日のにゃん太とにゃん子

にゃん太

心が折れそうにゃ

にゃん子

3食食べてる内は折れないにゃ