0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Font Awesome アイコン 備忘録

Posted at

FontAwesome 備忘録(2023/3版)

FontAwesome には、2つ導入方法がある。
1.ダウンロード
2.インターネットを介した、CDNを使う方法

今回は、2のCDN を採用します。

使い方

ステップ1

に入り、アカウント作成、またはログイン

ステップ2

Kits の画面から、

image.png

Add New Kit で、新しいKitを作成する。

すると、以下のように、新しいKitが作成される。
image.png

さらに下にスクロールをすると、
image.png

このようなJavascriptのコードが出るので、これをそのままコピーし、
お手持ちの編集ファイルの
<head>内にはっつけましょう!
迷ったら、</head>の前で良いでしょう。

これで準備完了です!
あとは、好きなアイコンのコードをコピーするだけです。
image.png

<i class="fa-solid fa-tricycle"></i>をつけたい場所に、コピペして完了です!

0
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?