我将此代码用于基于字体的图标:
@font-face {
font-family: 'LG simboliai';
src:url('../fonts/LG simboliai.eot?-8dz81a');
src:url('../fonts/LG simboliai.eot?#iefix-8dz81a') format('embedded-opentype'), url('../fonts/LG simboliai.ttf?-8dz81a') format('truetype'), url('../fonts/LG simboliai.woff?-8dz81a') format('woff'), url('../fonts/LG simboliai.svg?-8dz81a#LG simboliai') format('svg');
font-weight: normal;
font-style: normal;
}
.lg-icon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'LG simboliai';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
而且 Firefox 中的图标太粗了。如何解决这个问题?
我必须使用本地文件中的字体。问题只在mac的firefox上。
示例:http: //igor.lt/upload/font/