前言
今天接到一個需求，要往項目中添加一個字體圖標。按照以往的慣例，就是在iconfont網站的我的項目添加需要的字體圖標就行了。但這個需求是個臨時需求，不想用這種方式。
於是，就想直接在現有的字體圖標中添加。
解決方案
第一步
在iconfont網站找到你需要的字體圖標，將其添加到購物車中。然後，打開你的購物車，選擇下載代碼
第二步
解壓下載的文件包，如圖
第三步
將其中以eot/svg/ttf/woff/woff2結尾的文件進行更名，如圖
第四步
將改名字的文件移入前端項目中，如圖
第五步
打開剛纔下載的iconfont.css文件，將引用的文件名同步修改
修改前
修改後
第六步
打開前端項目中的iconfont.css，將剛修改的css代碼複製進來
這樣就大功告成了，一個新的字體圖標就加入進來了。