字体真棒 - 用具图标不适用于简码

Question

我将 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;
}

其他免费图标正在运行。当我使用其他短代码时，这个菜单链接也可以工作，所以问题应该是图标本身。这是link to the site，“Parkinfos”下的子菜单项是问题所在。

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

kweb

Answer 1

该图标在 4.7.0 中不可用，您需要升级到版本 5 才能使用。如果您查看图标页面here，您将看到它是在版本 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;
}

那么你只需要为每个菜单项添加内容样式即可。