More than 5 years have passed since last update.

fontawesome5 free版のアイコンを css :before, :after で挿入

Posted at 2020-10-07

<i class="fas fa-address-card"></i> を :before で表示
https://fontawesome.com/icons/address-card?style=solid

div:before{
    content    : "\f2bb";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

font-weight を付けないとアイコンが表示されないところがハマりどころ

fontawesome5 free版 のアイコンを css :before, :after で挿入