DEV Community

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

Collapse
sabbirsobhani profile image
Sabbir Sobhani

I did the exact same but getting blank squares for font awesome icons.

Collapse
sarah27h profile image
Sarah Hassan Author • Edited

@sabbirsobhani Could you share your code, so I can check?

Collapse
sabbirsobhani profile image
Sabbir Sobhani • Edited
Thread Thread
sarah27h profile image
Sarah Hassan Author

@sabbirsobhani

I have checked your code, and it's my fault I forgot to change paths for webFontsPath and distWebfonts
it should be src([webFontsPath]).pipe(dest(distWebfonts)).
Try to change line 35 in gulpfile
I have edited the post, I'm sorry for this typo.
Let me know if this solved the problem.

Thread Thread
sabbirsobhani profile image
Sabbir Sobhani • Edited

I did exactly as you instructed but, still getting blank squares. And, I updated the code on my GitHub repo so that you can check.

Thread Thread
sarah27h profile image
Sarah Hassan Author • Edited

I checked the code, and you have to put the index.html and webfonts folder in the same folder (dist)

You can define a task to make a copy of the index.html in the dist folder. Then check CSS and JS file paths again.

Alt text of image

Thread Thread
sabbirsobhani profile image
Sabbir Sobhani

It works!

Thread Thread
sarah27h profile image
Sarah Hassan Author • Edited

That's awesome, you did a good job.
Thanks for your feedback, which helped me improve the article.
Happy coding :)