一个关于 iconfont 的问题
資深大佬 : JCZ2MkKb5S8ZX9pq 9
情况说明
- 为了在小程序里调用 iconfont,我习惯这么用。
@font-face { font-family: "iconfont"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAA.....AAAA=') format('woff2'), } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfont:before { margin: 0 .25em 0 0; } .iconfont.tags:before { content: "e880"; }
问题
- 现在用到的一些 icon 没有现成的 iconfont (一些国内外社交平台的图标 /最好是单色),虽然零星也有一些但不统一,所以需要自己做图。
- 导出 png 的话,小程序需要用 bg-img 这种骚操作,要改色的话还要用到 mask,有点绕,每次都要翻自己以前的代码。
- 导出 svg 的话,请问怎么搞成这种 woff 的字体格式呢?而且 content 调用时的名称是怎么来的?
大佬有話說 (3)