未分类

微信小程序引用iconfont图标的方法_javascript技巧_脚本之家

31 3月 , 2020  

.icon:after{ font-family: 'iconfont'; font-weight: 500; font-style: normal; content: 'e698;'}

改造后的目录: 将css文件在表面引入所要用的.wxss文件中就可以(@import
‘../../lib/style/lib.wxss’;)

微信小程序引用iconfont图标的方法_javascript技巧_脚本之家。总结

www6766com ,方法:

这里贴一个粗略的步子:

@font-face { font-family: 'iconfont'; src: url; src: url('iconfont.eot?#iefix') format, url format, url format, url('iconfont.svg#iconfont') format;}.iconfont{ font-family:"iconfont"; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

目前在商量Wechat小程序,本人写demo的时候想要援用Barrie巴巴图标库的图标,于是:

在AlibabaLogo库下载下来之后,将iconfont.ttf转变就能够。调换地址:

那是以后的写法,然而发掘这么的写法要报错,后来查了一下,发掘小程序的wxss文件的font-face的url不选拔http地址作为参数,但足以担任base64,由此需将字体文件下载后,调换为base64,然后援引。

如上所述是我给我们介绍的Wechat小程序援引iconfontLogo的艺术,希望对大家有所扶植,如若大家有其余疑问请给自家留言,小编会及时过来大家的。在那也特别谢谢大家对剧本之家网址的辅助!


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图