Tweet

Font Awesome（Webフォントアイコン）の使い方のメモ。 #2

正しく設定したつもりなんだけど表示されない!?

って時はだいたいこれだったり…。

Basic Use | Font Awesome
https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

font weight（2番目の表）に書いてあるように、使っているアイコンに対して、適切なfont weight（@font-face weight）を設定する必要があります。

無料で利用してるなら、StyleのSolidとBrandsを押さえておけばいい感じ。

Style Solid

font-family: "Font Awesome 5 Free";
font-weight: 900;

Style Brands

font-family: "Font Awesome 5 Brands";
font-weight: 400;

Tweet