2020年7月13日月曜日

[Blogger]旧版のFont Awesome 4.7.0の導入方法

前に追加していたと思うんですが
<head>内に
以下のコードを追加するだけ

<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

via
Font Awesome · BootstrapCDN by StackPath
https://www.bootstrapcdn.com/fontawesome/

追記
cloudflare の方がいいですね

<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

jQueryの下に追加しました

これでアイコンフォントを表示できるようになります

アイコン一覧

Font Awesome Icons
https://fontawesome.com/v4.7.0/icons/

旧版なので675アイコンしか使えませんが
(最新版は登録が必須なのでそのうちエントリする様にします)

ファックだね
こんな感じで

コードは以下の様になります
<i class="fa fa-thumbs-down" aria-hidden="true"></i>
aria-hidden="true" はなくてもokですが、あった方がいいかな

関連エントリ

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."