html - 当我提供 FontAwesome http 链接时，图标可以正常工作，但是在本地托管时，它无法正常工作

Question

当我提供 cnd 链接时：

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

然后它显示图标并且工作正常。

这是代码jsfiddle

当我在本地复制并托管相同的 css 文件时，它不起作用
这是示例jsfiddle代码

为什么当我在本地托管时它不起作用？是否有任何限制或许可问题？

谢谢

标签： htmlcssfrontendfont-awesomeweb-frontend

Answer 1

我找到的解决方法是将此 css 文件保存在本地并进行编辑。<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

查找url并替换../为，../../因为我的网络字体文件夹位置assets/webfonts不是根目录