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

其他免费图标正在运行。当我使用其他短代码时，这个menulink也会起作用，所以问题应该是图标本身。这是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;
}

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

Font Awesome - Utensils图标无法使用Shortcode

1 个答案: