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高级技巧