Font-awesome 5 not working

Question

I decided it was time for me to switch to Font-awesome 5 when I ran into a problem. My icons are not shown. It shows me this.

I don't get where the problem occurs. I followed every step on their site and linked the files correctly but they still dont show. Here is a screenshot of the file.

What is causing this? Why doesn't it work?

Answer 1

lets add all.min.css to css directory then link it

<link rel="stylesheet" href="/css/all.min.css">

and make webfonts directory beside all the main folders