iconfont图标直接引入项目里,避免重复切图

  • 1.添加图标,首先需要在iconfont网站上搜索图标并添加至项目
    image
    image
    image
  • 2.下载项目到本地
    image
  • 3.覆盖项目中原有的iconfont(此方法出问题:原来的图标会消失,因为不在新的iconfont中)
    image
  • 4.解决的方法:https://blog.csdn.net/j123450/article/details/108401438

    image

    • 1.将新图标下载至本地

    • 2.将iconfont.svg中的图标代码复制到原有的iconfont.svg(增加)
      image
    • 3.用图标处理网站https://icomoon.io/app/#/select打开新iconfont的svg文件,再下载

      image

    • 3.将下载后的font里面iconfont四个文件和style.css替换掉原来文件,并且替换原来的iconfont.css(注意修改代码里面的路径)
      image
      image

你可能感兴趣的:(iconfont图标直接引入项目里,避免重复切图)