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」の、既存アイコンへの追加方法

Indexアイコンフォントとは?IcoMoonとは?IcoMoonの使い方IcoMoonの既存アイコンへの追加方法追加の参照方法 アイコンフォントとは? アイコンを表現できるWebフォント。テキストデ …