font awesome scss unicode showing rectangle

Asked Jun 11 '20 at 11:00

Active Jun 11 '20 at 14:14

Viewed 172 times

I have installed font awesome with npm like this:

npm install @fortawesome/fontawesome-free

I have added this in my scss file:

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";

This is how I am trying to set an icon:

i:before {
    content: "\f303";
    font-weight: 900;
    font-family: $fa-font-path;
}

But I am seeing just a rectangle instead of the actual icon.

edited Jun 11 '20 at 14:14

RobC

asked Jun 11 '20 at 11:00

michael

a path is not a valid value for font-family – Temani Afif Jun 11 '20 at 11:02
@TemaniAfif What is a valid value then? – michael Jun 11 '20 at 11:04
read this: https://stackoverflow.com/a/49690376/8620333 and this: https://stackoverflow.com/a/62239254/8620333 – Temani Afif Jun 11 '20 at 11:21
@TemaniAfif I did actually, before making this question. I've tried all the suggested but it doesn't work unfortunately – michael Jun 11 '20 at 11:23

0 Answers0