我最近使用npm从站点上安装了font-awesome。当我在HTML文件中使用它时,它最终在页面上显示正方形而不是图标。有人可以帮我吗?
我使用字体图标的代码:
<li class="nav-item active"><a class="nav-link" href="index.html"><span class="fas fa-home"></span> Home</a></li>
我也包括了CSS。
黑色方块通常表示字体类型有问题。但是我不能肯定地说。尝试使用San Serif,否则您可以查看此帖子中的答案:Font awesome is not showing icon
最佳答案:就我而言,我在CSS代码中犯了以下错误。
*{
font-family: 'Open Sans', sans-serif !important;
}
这将覆盖整个页面的所有字体系列规则。我的解决方案是像这样将代码移至主体。
body{
font-family: 'Open Sans', sans-serif;
}
NB:每当在CSS中使用!important标志时,在同一元素上声明相同类型的任何其他CSS规则都将被覆盖。回答者:Daniel Barde
-
它还取决于您导入库的方式,是通过CDN还是通过文件夹?
通过CDN:检查路径/网址是否正确(可能是未经授权的链接?)。通过文件夹/下载:也许使用“ /fonts/fontawesome-free-5.3.1-web/css/all.css”代替“ /fonts/fontawesome-free-5.3.1-web/css/fontawesome.css”。