フォントベースのアイコンには次のコードを使用しました。
@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 だけです。