When I providing FontAwesome http link then icons are working but when host it locally its not working

Question

When I provide cnd link:

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

Then its showing icons and working fine.

Here is code jsfiddle

When I copy and host the same css file locally then its not working
Here is example jsfiddle code

Why its not working when I host locally? Is there any restrictions or license problem?

Thanks

Answer 1

The fix I found is to save this css file locally and edit it. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

Find url and replace ../ to ../../ because my web font folder location was assets/webfonts not root