字體圖標不僅可以隨意調整大小，而且可以避免在頁面制作過程中引用N多的圖片，發送請求造成的流量浪費，因此，我們可以將圖標的icon轉換成字體圖標：
方法一：
1.將png格式的圖片轉換成svg格式；
網址：https://www.jinaconvert.com/cn/convert-to-svg.php
2.將svg格式的圖標轉成字體圖標：
網址：https://icomoon.io/app/#/select
具體步驟：
1 點擊右上角 IconMoon App 進入WebApp 2 點擊左上角 Import Icons 批量倒入之前已經轉成 svg 的圖標文件 3 點擊選中所倒進來的圖標，也可以點擊右邊的 menu 圖標全選 4 點擊右下角 Generate Fonts 生成圖標 5 點擊右下角已經變成 Download 的按鈕，下載 iconfonts 壓縮包
3.將下載的壓縮包中的style.css和fonts這個文件夾copy到樣式文件夾，在需要使用字體圖標的頁面中，根據路徑引入style.css
4.使用：
<span class="icon-about">
方法二：
在https://www.iconfont.cn/中，在你所生成的項目中，直接將svg圖片拖入，生成字體圖標；