0

我将 Font Awesome CDN 与 Joomla 和 Helix Ultimate 框架一起使用。我试图使用简码在我的导航中实现一些图标。出于任何原因，“器皿”图标不起作用 - 但它在免费软件中实现。这是我的CSS：

ul.sp-mega-group li.item-189 a:before{
   font-family: 'FontAwesome' !important;
  content: '\f017' !important;
  font-size: 50px;
  color: #5A1F00;
  padding-top: 20px !important;
}

ul.sp-mega-group li.item-195 a:before{
   font-family: 'FontAwesome' !important;
  content: '\f128' !important;
  font-size: 50px;
  color: #5A1F00;
  padding-top: 20px !important;
}

ul.sp-mega-group li.item-196 a:before{
   font-family: 'FontAwesome' !important;
  content: '\f2e7' !important;
  font-size: 50px;
  color: #5A1F00;
  padding-top: 20px !important;
}

ul.sp-mega-group li.item-197 a:before{
   font-family: 'FontAwesome' !important;
  content: '\f279' !important;
  font-size: 50px;
  color: #5A1F00;
  padding-top: 20px !important;
}

其他免费图标正在工作。当我使用其他简码时，这个菜单链接也可以工作，所以问题应该是图标本身。这是该站点的链接，“Parkinfos”下的子菜单项是问题所在。

希望有人能告诉我这里有什么问题。

网络

4

1 回答 1

1

该图标在 4.7.0 中不可用，您需要升级到版本 5 才能使用。如果您在此处查看图标页面，您将看到它是在版本 5 中添加的。您的版本中可用的最近图标是“餐具”，因此您可以使用：

content: '\f0f5' !important;

另外，考虑整理你的 CSS：

ul.sp-mega-group li a:before{
  font-family: 'FontAwesome' !important;
  font-size: 50px;
  color: #5A1F00;
  padding-top: 20px !important;
}

然后你只需要为每个菜单项添加内容样式。

于 2018-04-09T14:09:07.050 回答