もふっとmoffmoff

Web制作をしているOuiの、困った時の備忘録。

Font

使いにくくなったFontAwesome

バージョンアップで使いにくくなったFontAwesomeの戻し方

投稿日:2018年4月21日 更新日:

こんにちは、Webサイト制作勉強中のOuiです。

Webフォントアイコンで使いやすい、FontAwesome(フォントオーサム)。
2018年に入ってバージョンが5になり、使い勝手がかなり変わりました。
コードの種類が変更になったり、有料アイコンができたり、
font-weightの数値を変更しないと表示されないアイコンがあったり…
うーん、前より使いにくくなったかも。

と思い、いろいろ調べていたところ、こんなブログを発見。

ゆずゆろぐ。さん
https://yuzuyu3.com/fontawesomeold/

バージョンアップ前のFontAwesomeを使う方法の紹介ですね。
とても素敵!

使い方は簡単。
https://fontawesome.com/
にアクセス。
Download Free、Check out Proボタンのすぐ下の
Old4.7.0Docs
というリンクをクリック。

すると、以前使っていたFontAwosomeの画面になりました!
あとはiconメニューをクリックして
好きなアイコンのページに飛び、
タグをコピーして使えばOKです。
FontAwesomeを使うためには、
CSSのCDNを読み込むのを忘れないようにしてくださいね。

CDNの読み込み方はこちらを参考に!
https://saruwakakun.com/html-css/basic/font-awesome#section2

<link href=”https://use.fontawesome.com/releases/v5.0.6/css/all.css” rel=”stylesheet”>

以上、備忘録でした。

-Font
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

1時間で描いてみた

YouTubeに動画アップロードしました!

こんにちは、Webサイト制作勉強中のOuiです。 がっつり休みの日もPCと仲良くしています。 本日は動画の編集など。 目次1 本日のお題1.1 今回からの工夫し …

font-family

font-familyに記述する順番って何か関係あるの?と思ったので調べてみた。

font-familyに記述する順番って何か関係あるの?と思ったので調べてみた。 こんにちは、Web制作をしているOuiです。 いつもWeb勉強中です。 今回は …

プロフ

★管理人について★

Ouiのプロフィール画像

日々Web制作勉強しているOuiです。
2017年秋までCSSも読めないド素人。学校に半年がっつり通って勉強して、サイト構築出来るようになりました
CSSあいしてる。
現在がっつりWebデザイナー。最近は仕事でイラスト制作も。