1、首先排除图标本身是不是有问题;
2、排查加载的文件中是否有相同命名的 icon 样式文件和相同命名的字体文件(即字体的命名),如果有,改为不一样的;
3、外部引用样式的排查,包括不合理或多余的 font-family 定义;
@font-face {font-family: ‘km-iconfont’;
src: url(‘km-iconfont.eot’); /* IE9*/
src: local(’?’),
url(‘km-iconfont.eot?#iefix’) format(‘embedded-opentype’), /* IE6-IE8
/
url(‘km-iconfont.woff’) format(‘woff’), /
chrome、firefox
/
url(‘km-iconfont.ttf’) format(‘truetype’), /
chrome、firefox、opera、Safari, Android, iOS 4.2+
/
url(‘km-iconfont.svg#iconfont’) format(‘svg’); /
iOS 4.1- */
链接1、首先排除图标本身是不是有问题;2、排查加载的文件中是否有相同命名的 icon 样式文件和相同命名的字体文件(即字体的命名),如果有,改为不一样的;3、外部引用样式的排查,包括不合理或多余的 font-family 定义;@font-face {font-family: ‘km-iconfont’;src: url(‘km-iconfont.eot’); /* IE9*/src: local(’?’),url(‘km-iconfont.eot?#iefix’) format(‘embed
Iconfont
在IE7下需要使用unicode方式,但是这种方式不太方便,使用以下代码可使IE7像普通用法使用。
@font-face {font-family: "anticon";
src: url('/font/
iconfont
/
iconfont
.eot'); /* IE9*/
src: url('/font/
iconfont
/
iconfont
.eot#iefi...
font-family:icomoon;
src:url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.svg') format...