导航菜单上的字体令人敬畏的图标没有与文本排队

Question

在网站上测试字体非常棒：http://simply-logs.co.uk/

我已将图标添加到导航菜单项中，但是图标和图标偏斜了。文字脱节。知道怎么排队吗？

谢谢！

Answer 1

两个项目排列不正确的原因是因为您将字体真棒图标类应用于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标记）是使用该库的标准方法。