css 简单的社会图标字体冲突修复
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 简单的社会图标字体冲突修复相关的知识,希望对你有一定的参考价值。
@font-face {
font-family: 'ssi-fontello';
src: url('../font/fontello.eot?78492063');
src: url('../font/fontello.eot?78492063#iefix') format('embedded-opentype'),
url('../font/fontello.woff?78492063') format('woff'),
url('../font/fontello.ttf?78492063') format('truetype'),
url('../font/fontello.svg?78492063#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?11995952#fontello') format('svg');
}
}
*/
.simple-social-icons {
overflow: hidden;
}
.simple-social-icons ul {
margin: 0;
padding: 0;
}
.simple-social-icons ul li {
background: none !important;
border: none !important;
float: left;
list-style-type: none !important;
margin: 0 6px 12px !important;
padding: 0 !important;
}
.simple-social-icons ul li a {
border: none !important;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
font-family: 'ssi-fontello';
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
line-height: 1em;
speak: none;
text-align: center;
text-decoration: none !important;
text-transform: none !important;
width: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.simple-social-icons ul.aligncenter {
text-align: center;
}
.simple-social-icons ul.aligncenter li {
display: inline-block;
float: none;
}
以上是关于css 简单的社会图标字体冲突修复的主要内容,如果未能解决你的问题,请参考以下文章
css 简单的社会图标
css3中的字体图标 iconfont的问题
如何使用CSS设置标签的背景小图标 简单
小程序使用iconfont字体图标
黑马程序员前端-CSS字体图标
CSS高级技巧