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

Question

Im使用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"下的子菜单项是问题所在。

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

千维网

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

然后，您只需将内容样式添加到每个菜单项。