我的Google Chrome中的自定义iconfont存在问题,仅在Mac上存在问题。它们在边缘切断。我已经尝试过了
你可以在kuyichi.com上看到它(如果你有Chrome和OSX) 图标没有边框,舍入与图标本身有关。
有人如何解决这个问题?
直播视图: http://i.stack.imgur.com/niqcP.png
icomoon上的iconpack: http://i.stack.imgur.com/PwyCm.png
@font-face {
font-family: 'iconfont';
src:url('fonts/iconfont.eot?nr90fm');
src:url('fonts/iconfont.eot?#iefixnr90fm') format('embedded-opentype'),
url('fonts/iconfont.woff?nr90fm') format('woff'),
url('fonts/iconfont.ttf?nr90fm') format('truetype'),
url('fonts/iconfont.svg?nr90fm#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icons-"], [class*=" icons-"] {
font-family: 'iconfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-knit:before {
content: "\e628";
}
答案 0 :(得分:0)
尝试在图标声明中添加尺寸信息: