在网站上测试字体真棒:http: //simply-logs.co.uk/
我已将图标添加到导航菜单项中,但它使图标和文本不合时宜。知道如何排列它们吗?
谢谢!
这两个项目没有正确排列的原因是因为您将 font-awesome 图标类应用到li
标签而不是它自己的标签。尝试用以下内容替换您当前的项目:
<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-19">
<a href="http://simply-logs.co.uk/"><i class="icon-home"></i> Home</a>
</li>
这将使您的图标与文本一致,它也将允许单击它作为链接。上述语法(使用i
标签)是使用该库的标准方式。