非常在镀铬物的象字体翻译

时间:2017-02-18 14:48:10

标签: css fonts icons webkit rendering

我正在使用一个图标字体,它在firefox和safari上呈现完美,但在chrome上效果非常差。我玩过-webkit-font-smoothing属性但没有效果。

Chrome(v56 osx): Chrome

Safari浏览器: Safari

火狐 Firefox

的CSS

@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.svg#Glyphter') format('svg');

    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before{
    display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
    font-size: 120px;
}

0 个答案:

没有答案