Css 圆圈内的图标字体仅适用于Windows
我用圆形容器中的图标字体显示图标 这是图标的CSSCss 圆圈内的图标字体仅适用于Windows,css,cross-browser,icon-fonts,Css,Cross Browser,Icon Fonts,我用圆形容器中的图标字体显示图标 这是图标的CSS .icon .circle:before{ font-family: "PlayAgenda", sans-serif !important; -webkit-font-smoothing: antialiased; -o-transform: scale(1); text-rendering: optimizeLegibility; font-style: normal; margin: 0
.icon .circle:before{
font-family: "PlayAgenda", sans-serif !important;
-webkit-font-smoothing: antialiased;
-o-transform: scale(1);
text-rendering: optimizeLegibility;
font-style: normal;
margin: 0 auto;
}
.icon .circle {
display: inline-block;
font-weight: normal;
border-radius: 50%;
width: 1px;
height: 1px;
padding: 32px;
margin: 0;
overflow: hidden;
font-size: 57px;
text-align: center;
position: relative;
}
.icon .circle:before{
color: #FFFFFF;
position: absolute;
margin-top: -0.4em;
margin-left: -25px;
display: block;
width: 50px;
top: 50%;
}
.icon.console .circle:before{ content: 'A'; }
.icon.board .circle:before{ content: 'G'; }
.icon.card .circle:before{ content: 'C'; }
.icon.war .circle:before{ content: 'B'; }
.icon.gdr .circle:before{ content: 'E'; }
.icon.console-background .circle{ background-color: #009EDB; }
.icon.board-background .circle { background-color: #8CC63E; }
.icon.card-background .circle{ background-color: #7F3F98; }
.icon.war-background .circle { background-color: #F04F38; }
.icon.gdr-background .circle{ background-color: #FAA619; }
我想达到这个结果
但是在安卓和OSX上我得到了这个
有人能帮我想一想如何解决这个问题吗?没有。。不工作..在小提琴中我没有字体来测试网站上的图标,你有代码+字体来测试