|
阅读:9228回复:1
微信小程序,阿里字体图标的引用
我这个人就是比较执着与字体的引用……
这两天在学习微信小程序,不可避免的又要用到一些图标,通过度娘大法捣鼓了半天,终于实验 成功了。 开始,首先在阿里选中自己要的图标,放进购物车,点击添加至项目 图片:1.jpg
选择一个项目,如果没有项目就点no name新建一个项目 图片:2.jpg
确定后会跳转到一个新的页面,点击查看在线链接 图片:3.jpg
复制下面的代码 图片:4.jpg
引入到微信开发者工具的全局app.wxss里面 图片:5.jpg
再返回阿里图标,点击下载至本地,解压压缩包 图片:6.jpg
打开iconfont.css 图片:7.jpg
将里面的代码复制后,覆盖之前粘贴在app.wxss里的代码 图片:8.jpg
引入后,可以看到下载后的字体图标对应的代码 图片:9.jpg
然后再打开字体图标文件的demo-unicode 图片:10.jpg
就可以查看相对应的图标样式 图片:11.jpg
最后注意的是,在页面中用text引用,是用的类名 图片:12.jpg
引用成功 图片:13.jpg |
|
|
沙发#
发布于:2023-06-06 16:50
能帮助微信小程序引入图标失败的问题
|
|
