DEV Community

Discussion on: Font Awesome 5 with Using a Package Manager + using Gulp 4

Collapse
vladikslavus profile image
vladikslavus

I had done the same before I found your post here, but there's a problem.

The fact is it works only as html code. I mean when I do it this way:

But when I'm trying to put unicode in SCSS, the icons don't come out though:
top-menu {
display: flex;
&-tools-link::before {
font-family: 'Font Awesome 5 Free';
content: "\f7d9";
color: #fff;
}
}

Collapse
vladikslavus profile image
vladikslavus

I've figured it out! It turned out that it's necessary to specify the font-weight property in the styles. The font-weight property also needs to be adjusted. Some icons only work with a value of 700, some with 400.

In short, things have become too complicated compared to the previous version.