[はてなブログ] fontawesomeをつかう

2166 ワード
はてなブログ HatenaBlog FontAwesome はてなブログ テキストリンク

こんな感じ↓でロケットや外部リンクのアイコンが気軽に使えるようになります。

こちらを活用するには、まずfontawesomeのオフィシャルサイトでユーザー登録し、自分用に配布されたURLを確保します。
https://fontawesome.com/

次に、前述のlink同様に、"headに要素を追加"の個所に、

<script src="https://kit.fontawesome.com/hogehogehoge.js" crossorigin="anonymous"></script>

※hogehogehogeに、ご自分のURLを貼り付けてください。

あとは、下記のページからお好きなアイコンを探し、 <i class="fas fa-rocket"></i> といった具合で、サイドバーや本文に貼り付ければご自由にお使いいただけます。
https://fontawesome.com/icons?d=gallery&m=free

<p><i class="fas fa-rocket"></i>&nbsp;AIテクノロジー企業「株式会社アジラ」 の<a href="https://jijilla.jp/" target="_blank">DX推進事業本部&nbsp;<em class="fas fa-external-link-square-alt"></em></a>からの製品情報、リサーチレポート、イベント開催をお知らせします。</p>

最近ですと、covid-19関連アイコンも追加された模様。

以上です。
今日のところはこんなところでm(__)m