1. 程式人生 > >vue餓了麼學習-第四篇(web字型)

vue餓了麼學習-第四篇(web字型)

1.字型庫網站:icomoon

2.在官網點選右上角icomoon app按鈕,

新頁面找到import ICONS點選,

選擇自己所有的svg檔案確定上傳,

選中新增的全部小圖示,

然後點選右下角的crate font,

跳轉到新頁面以後,每一個圖示下面都會出現一個web字型名,

點選某個圖示下面的get code彈出一個彈框頁,

彈框內容html程式碼提示你怎麼使用,複製下來插入開發頁面中對應的位置就行。

3.下載自己建立的web字型庫,

點選左上角的preferences,(彈出彈框,設定對應的font-name其他預設)

設定好以後,點選右下角的download按鈕,

下載成功!

4.解壓下載檔案,開啟該檔案,裡面有一個demo網頁,可以開啟檢視效果圖。

製作好的web字型提取:連結: https://pan.baidu.com/s/1dFvmj09 密碼: h89u