美文网首页网站建设WEB前端
阿里图标库iconfont使用

阿里图标库iconfont使用

作者: 刘予川 | 来源:发表于2019-03-16 10:26 被阅读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里 就可以在组件里使用了

    相关文章

      网友评论

        本文标题:阿里图标库iconfont使用

        本文链接:https://www.haomeiwen.com/subject/lzjppqtx.html