LoginSignup
0
0

More than 3 years have passed since last update.

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

Posted at

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

image.png

こちらを活用するには、まず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関連アイコンも追加された模様。

image.png

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0