E企盈营销工具技术服务商 热线:4006-838-530

微信小程序引用iconfont实测版

E企盈直播平台营销卖货系统

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:怎么样将字体换转换为base64B:转换后怎么使用=======》A:将iconfont.ttf转换即可。转换地址:https://transfonter.org/ 下载下来的文件目录:B 使用:1)将stylesheet.css 转换为.wxss文件2)将原有的iconfont 使用文件也转换为.wxss文件 ;并且将原有的 @font 相关的删掉;然后按下图添加font-family: ‘iconfont’;3)在app.wxss 中依次引入这两个文件,然后在使用即可===》game over

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序引用iconfont实测版
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏