1. 程式人生 > >Angular7 關於Bootstrap4.x.x版本無法使用Glyphicons 字型圖示 簡單解決方案

Angular7 關於Bootstrap4.x.x版本無法使用Glyphicons 字型圖示 簡單解決方案

是的,筆者最近開始磨磨蹭蹭學起了這個Angular(等我係統性學習後,後面的部落格估計會有很多關於Angular的東西了,當然後端開發依然是我的主打)。

 

 Angular版本確實可以說是更新飛快了(能不能穩定點???)。我就是很拼,用的7版本, 然後bootstrap用的4版本。 於是乎,發現,在bootstrap4版本里面,它不給用Glyphicons 字型圖示 了(為啥不給用,自己去官方看)。

 

那麼我就是想要這些小圖示啊,怎麼辦???

 

網上解決方法很多,我剛才都試了下,什麼3版本fonts遷移到4啊;下載其他圖示庫啊等等。

我不管,我推薦一個 我自己覺得最容易操作使用的方法(用font-awesome ),如下:

步驟1:

npm install --save font-awesome            去你的專案那邊下載font-awesome 

下載成功後,去檢查一下:

步驟2: 

@import '~font-awesome/css/font-awesome.css';  去styles.css檔案裡面加這個(告訴全世界,你的專案可以使用font-awesome樣式了)

步驟3:

開始使用吧。

例子:我想要小星星。 那就去找個html頁面,直接使用。

這些小圖示程式碼怎麼來的?  去官網複製貼上啊:http://www.fontawesome.com.cn/icons/star-o/

 

好了,就這樣吧。