我在 Wordpress 中的页脚有许多社交图标,但 Instagram 是唯一无法正确呈现的图标(见附图):
为了更好的字体渲染,我添加了以下内容:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
这就是在我的 style.css 中定义图标的方式:
.icon-instagram:before {
content: "\e604";
}
问题是什么?我对 css 图标很陌生,所以我不确定在这种情况下会出现什么问题。
谢谢,
编辑1:
font-family 在我的 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;
}
最佳答案
您可以使用来自 here 的另一个字体图标.
CSS : <link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">
图标:http://www.socicon.com/chart.php
Facebook :class="socicon-facebook" \E041 • #3e5b98
推特:class="socicon-twitter" \E040 • #4da7de
Instagram : class="socicon-instagram" \E057 • #000000
优酷:class="socicon-youtube" \E051 • #e02a20
更多请点击Here
关于css - 显示为正方形的 Instagram 字体图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41618958/