icon/font

Font Awesomeを擬似要素で使用する際のfont-weight指定

投稿日:

Webフォント「Font Awesome」を擬似要素で使用した際に、アイコンが正しく呼び出せず□が表示されてしまう場合、cssのfont-weight指定が正しくできていないことがある。

font-weightの指定

Styleに合わせて、正しいFont-weightを指定する。

StyleFont-weightAvailability
BRANDS400Free
SOLID900Free
REGULAR400Pro only
LIGHT300Pro only

【cssの表記】

 
スポンサーリンク

テスト

テスト

-icon/font

関連記事

アイコンフォント「IcoMoon」の、既存アイコンへの追加方法

アイコンフォントとは? アイコンを表現できるWebフォント。テキストデータとして読み込むので、画像で表示するよりもページを軽くすることができる。また、拡大・縮小しても綺麗に表示できる。 IcoMoon …