1. 程式人生 > >vue中的圖示字型引入

vue中的圖示字型引入

網址:https://icomoon.io/app/#/select;

特點:樣式多,免費

操作:

1.相中的,隨便點,不要錢,generat fonts然後download,得到一個壓縮檔案,解壓

2,把style.css放到vue的static裡,把font放到asetes裡(當然你也可以放在別的地方,只要vue裡就可以)。

3,在需要用圖示的vue檔案的style裡引入css檔案:@import    ./路徑style.css(別忘記改一下style.css裡的font路徑,否則報錯,如果沒安裝cssloader就安裝下)

4,此後,哪裡需要圖示,只要加一下class名,他們就可以顯示。

當然,你還可以在那網址上改標籤,edit