主页图标未正确显示，使用的字体很棒

时间：2018-10-15 作者：zaiby

我在css类中添加了这个类fa fa-lg fa-home 在“外观>菜单>辅助菜单主页”中。

但它的图标没有正确显示使用字体真棒，我想只显示图标，而不是在两个菜单，即主顶部菜单和辅助菜单主页按钮上的主页文本

我需要帮助的页面：https://testfellow.com

1 个回复
最合适的回答,由SO网友:Johansson 整理而成

这是因为您的图标正在锚之外输出。要解决此问题，请添加另一个类，例如my-class 到菜单类。现在，尝试绝对定位图标，并修复填充：

.fa.my-class::before {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}

.fa.my-class {
     margin-left: 10px;
     padding-left: 10px;
     position: relative;
}

结束
标签： fonts   小码农  

相关推荐

Using True Type Fonts (ttf)

我在网上找到了一些不错的True Type字体，我想在我的WP博客的特定主题中使用它们来扮演特定角色（例如。，H2 或帖子标题）。如何更改主题以使用这些角色的字体？