美文网首页
项目中添加自定义字体图标

项目中添加自定义字体图标

作者: lvyweb | 来源:发表于2019-04-10 09:30 被阅读0次

    标签(空格分隔): css


    有的时候项目中的字体图标并不能满足自己的需求,需要自己制作字体图标

    前提: UI提供svg格式的图片或者自己直接在阿里巴巴矢量图标库下载

    步骤一:进入阿里巴巴矢量图标库这个网站,点击右上角的云上传图标

    云上传.png
    步骤二:将本地svg文件上传后,将需要的图标批量加入购物车
    批量加入购物车.png

    步骤三:点开购物车,下载代码


    下载代码.png

    步骤四:代码下载后解压,主要需要以下两个文件,需要将iconfont.css引入,同时在demo_fontclass.html中按照里面的步骤考出需要的html代码即可

    相关文章

      网友评论

          本文标题:项目中添加自定义字体图标

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