MRRI

Font Awesome 5のWEBフォントを、htmlで記述したものはきちんと表示されるのに、CSSの疑似要素:before :afterで表示しようとした際に、□の表示になりWEBフォントが表示されずハマってしまったので備忘録です。

↓コレでは表示されません…

div.icon::before {
font-family: “Font Awesome 5 Free”;
content: “\f078”;
}

↓フォントウェイトの指定が必要でした！

div.icon::before {
font-family: “Font Awesome 5 Free”;
content: “\f078”;
font-weight: 900;　/*←コレが必要！*/
}