Html CSS字体不工作-字体图标显示为代码

这是我的网站：

如果查看底部的以下部分，您将看到一些代码，如

/f0d4

，

/f081

等

这些应该是CSS字体图标，但它们显示为代码而不是图标

HTML

<ul class="ui-social-media color">
  <li class="twitter">
    <a target="_blank" href="https://twitter.com/sonic3onmobile"><span>Twitter</span></a>
  </li>
  <li class="facebook">
    <a target="_blank" href="https://www.facebook.com/sonic3onmobile"><span>Facebook</span></a>
  </li>
  <li class="google-plus">
    <a target="_blank" href="https://plus.google.com/103304727452387042300" rel="publisher"><span>Google Plus</span></a>
  </li>
</ul>

我怎样才能解决这个问题

---

我打开了Chrome开发者工具，进入了网络>字体。字体似乎正在加载，因此我不确定问题出在哪里。

您使用的是正斜杠

/

，而您需要使用反斜杠

\

改变它，它就会解决它

示例

.ui-social-media .google-plus a:before {
    font-family: 'ui-glyphs';
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "\f0d4" /* Not "/f0d4" */
}

---

当需要使用反斜杠时，您使用的是正斜杠

/

改变它，它就会解决它

示例

.ui-social-media .google-plus a:before {
    font-family: 'ui-glyphs';
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "\f0d4" /* Not "/f0d4" */
}

---

当需要使用反斜杠时，您使用的是正斜杠

/

改变它，它就会解决它

示例

.ui-social-media .google-plus a:before {
    font-family: 'ui-glyphs';
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "\f0d4" /* Not "/f0d4" */
}

---

当需要使用反斜杠时，您使用的是正斜杠

/

改变它，它就会解决它

示例

.ui-social-media .google-plus a:before {
    font-family: 'ui-glyphs';
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "\f0d4" /* Not "/f0d4" */
}