2020年2月10日月曜日

Font Awesome 5をCSS疑似要素で指定するとアイコンが表示されるものと表示されないものがある

Font Awesome 5をCSSの疑似要素で指定するとアイコンが表示されない場合の対処方法 | ジーニアスブログ – WEB制作会社ジーニアスウェブのお役立ちブログ
https://www.genius-web.co.jp/blog/design-tips/if-you-specify-font-awesome-5-as-a-css-pseudo-element-how-to-do-this-if-the-icon-is-not-displayed.html

CSS疑似要素だと表示されるものと表示されないものがありました。
font-weightを以下のように指定しなければいけないようです。

分類説明font-weight接頭辞
(HTMLに記述)
SOLID通常アイコン、白抜きのもの900fas
REGULARアウトラインをとったようなもの400far
LIGHT線が細いもの300fal
BRANDSTwitterなどのブランドロゴ400fab

0 件のコメント:

コメントを投稿