文章專區
網頁設計相關文章
100+ ET-Line Icons──簡潔的線稿圖示
網頁設計上時常需要各式各樣的icon,網路上也有許多資源可以使用,像是知名的Font-Awesome(可看此介紹Font-Awesome-簡單又好用的icon素材網 ,只要一行字即可直接使用!)
若想嘗試不一樣風格的話,不妨來試試這款線稿風格的icon,讓整體畫面看起來更清爽!
首先到下載網址
按「Clone or Download」即可下載
下載回來將檔案解壓縮後,有個「fonts資料夾」和「style.css」,只要將這兩者放到你的檔案目錄裡即可
打開index.html就可以看到圖示和各自對應的class名稱一覽表
先將style.css置入連結,然後複製要使用的圖示名稱,貼到class裡去,就可以使用了唷!
比如說我要用icon-documents這個icon,便將它加進class裡。
還可以根據自己的需求更改圖示大小唷,相當實用。