應用背景：字型圖示可以設定font-size, color, 因此，任意縮放不會失真，且當有頁面顏色換膚需求時，針對不同面板顏色，不需要多次切圖，只需在css裡面設定color即可。同時，也減少了圖片的請求，提高了訪問速率。
1.第一種情況

使用所選用的ui框架裡面的字型庫。

2.第二種情況

根據UI提供的.svg檔案，由前端開發自己生成字型圖示並應用。如何生成字型圖示呢？這裡就需要藉助iconmoon這個線上字型生成工具了，連結：https://icomoon.io/app/#/select

詳細步驟如下所示：

第一步：點選IconMoonApp

第二步：匯入svg格式的圖片

第三步：選中選擇按鈕，點選要生成字型的圖片檔案

第四步：點選Generate Font，生成字型

第五步：下載生成的字型檔案

第六步：引入fonts資料夾和style.css兩個檔案到專案中

第七步：在需要使用字型的頁面上引入style.css檔案，並在標籤上新增對應字型的類名

第八步：進行字型顏色和大小的設定

當然，這個網站上面的內容是很豐富的，也可以使用這上面提供的圖片直接進行選擇製作字型。