我想在网页中离线使用字体真棒图标，但没有发生不知道确切原因，因为我的代码在这里
<html>
<head>
<title>font-awesome example</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
</head>
<body>
this is example about font-awesome<i class="fa fa-bell"></i>
<br>
this is not working
</body>
</html>
请任何人让我以正确的方式在我的页面上获得字体真棒
你也下载了字体文件夹吗？所有字体真棒图标都包含在字体文件中，浏览器希望在名为"fonts"的目录中找到这些文件。
如果您只包含 css 文件，则页面将找不到实际字体，并且图标也不会加载。
我遇到了类似的问题。我意识到我只是直接复制了目标CSS文件路径，前面的字体真棒图标没有显示。只是盒子轮廓。解决方案是将下载后提取的整个文件夹复制到您的作品(HTML/CSS(组合中，并访问目标字体。CSS或全部。使用 './' 文件路径访问的 CSS 文件。它将像在线一样工作。祝你好运。
/css/all.css 文件包含核心样式以及使用 Font Awesome 时所需的所有图标样式。/webfonts 文件夹包含上述 CSS 引用和依赖的所有字体文件。
将整个/webfonts 文件夹和/css/all.css 复制到项目的静态资产目录中(或者您希望保留前端资产或供应商内容的任何位置(。
将对复制的/css/all.css 文件的引用添加到要在其上使用 Font Awesome 的每个模板或页面中。
参观 - https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself