网站建设WEB前端

阿里图标库iconfont使用

2019-03-16  本文已影响0人  刘予川

话不多说 进入官网 https://www.iconfont.cn/
搜索你想要的 ,比如【我的】

image.png
出来以后加入购物车
image.png
点击购物车 image.png

点击添加至项目 这时你如果没登录的话 ,会让你登陆随便选择一个登陆方式比如 github

image.png

登陆成功之后你可以选择新建也可以选择老的项目

image.png

确定好之后会是这样一个页面,然后下载至本地

image.png

下载后解压会是一些这样的文件

image.png

然后像我这样把字体文件和css文件拿到你的项目里

image.png image.png image.png

看下效果


image.png

你还可以使用他的代码


image.png

效果是一样的


image.png

如果你是在Vue cli里面使用的话 你要把css引入到入口文件也就是main.js里 就可以在组件里使用了

上一篇 下一篇

猜你喜欢

热点阅读