显示为正方形的 Instagram 字体图标

Question

我在 Wordpress 中的页脚有许多社交图标，但 Instagram 是唯一无法正确呈现的图标（见附图）：

为了更好的字体渲染，我添加了以下内容：

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

我的图标是这样定义的 style.css:

.icon-instagram:before {
  content: "\e604";
}

这是什么问题？我对 css 图标很陌生，所以我不确定在这种情况下会出现什么问题。

谢谢，

编辑 1：

字体家族在我的style.css中定义如下：

[class^="icon-"], [class*=" icon-"] {
  font-family: 'my-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Answer 1

您可以使用 here 中的另一个字体图标。

CSS : <link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">

图标：http://www.socicon.com/chart.php

脸书：class="socicon-facebook" \E041 • #3e5b98 推特：class="socicon-twitter" \E040 • #4da7de Instagram ：class="socicon-instagram" \E057 • #000000 优酷：class="socicon-youtube" \E051 • #e02a20

更多请点击Here

显示为正方形的 Instagram 字体图标

Instagram font icon showing as a square

css

icon-fonts