icomoon字体和wordpress导航菜单

Question

我正试图通过icomoon字体，通过菜单栏在wordpress的文本链接左侧添加图标。我正在使用从icomoon下载的css。我已经在WP的管理区域的菜单选项区域中添加了该类。图标（字体）确实显示在'li'元素上，但我希望它们被添加到'a'元素中。仅供参考，添加字体的类使用：before选择器。以下是css的摘录：

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: $white;
}

.icon-home:before {
  content: "\68";
}

Answer 1

抱歉，如果我在错误的线程上发表评论，但我正在寻找一种方法，向WordPress菜单添加一个额外的字段。建议使用“数据图标”而不是CSS伪：在速度性能选择器之前。目前，WordPress菜单允许内联html

Answer 2

试试这个。这是我使用的方法。

超文本标记语言

<h3 class="title-style">
    <a href="#">
    <span aria-hidden="true" data-icon="[insert number from icomoon]";></span>TITLE
    </a>
</h3>

CSS

.title-style > a{
    font-family: 'font name';
}

[data-icon]::before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
}