微信小程序引用iconfont-实测版
1.H5引用图标库的方式为URL引入,但是在小程序中不支持 URL方式,需要使用base64方式直接引入
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
问题:
A:怎么样将字体换转换为base64
B:转换后怎么使用
=======》
A:将iconfont.ttf转换即可。转换地址:https://transfonter.org/
下载下来的文件目录:
B 使用:
1)将stylesheet.css 转换为.wxss文件
2)将原有的iconfont 使用文件也转换为.wxss文件 ;并且将原有的 @font 相关的删掉;然后按下图添加
font-family: 'iconfont';
3)在app.wxss 中依次引入这两个文件,然后在使用即可
===》game over