1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示
網頁開發 網頁設計

Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示

2019/12/17

梅問題-Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示
  身為網頁設計師,對於Font Awesome一定不感陌生,雖然網路有許多的文字圖示的資源,但梅干個人則比較偏愛Font Awesome,最主要的原因在於,Font Awesome的圖示感覺比較柔合,同時包含各式各樣,網路常用的圖示,讓許多身為網頁設計師,可以省去繪製這些圖示的時間。

  而最近由ICON8這間知名的免費圖示平台,將Font Awesome的圖示,改為線條的方式呈現,因此將它命名為Line Awesome,當梅干第一眼看到時,還以為是由知名的通訊軟體LINE所推出的,而Line Awesome的圖示,來自於Font Awesome,因此裡面的圖示也相當的豐富,共有4000個因此身為網設的你,也趕快來看一下囉!


Line Awesome
網站名稱:Line Awesome 
網站連結: https://icons8.com/line-awesome

Step1
首先,當進到Line Awesome的平台後,可看到首圖就說明了,將色塊圖示變成線稿,接著點左下的按鈕。
梅問題-Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示
Step2
當新專案的話,可直接複製左邊的CSS樣式連結,再貼到專案頁面的</head>前方即可。
梅問題-Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示
Step3
接著透過關鍵字,搜尋所要的圖示,可看到清一色都是線條形式的圖示。
梅問題-Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示
Step4
再點一下所要的圖示後,再把下方的HTML標籤複製起來,貼到網頁中,這樣就可直接套用了,是不是相當的有特色呀!
梅問題-Line Awesome 一套將Font Awesome的圖示,改成線條模式的免費文字圖示