三個免費的線上icon 讓網頁設計師更輕松
2019-11-26 分類： 網站建設
icon在網頁里頭是非常重要的小尖兵,就像我們在百貨公司里面,必需要靠這些圖示來清楚我們的所在位置,要去哪里? 下一個地方在何處? 但是一旦圖示需要的量越來越大,且顏色上又要有不同的區分,同一個icon又要運用在別的專案上,傳統的做法就是不斷的P色不斷輸出不斷上傳& 編寫css跟html
隨著網頁技術不斷升華,關于icon也已經有了相當不錯的解決方式那就是iconfont這種做法是非常方便的,只要一段樣式的標簽就可以引入自己想要的icon,而且大小跟顏色是可以隨心所欲的修改, 筆者今天要分享的是我很常用的三個線上icon的網站,以下分享三個網站,以及個人使用上的經驗整理出優點跟缺點
1.fontawesome
這是筆者最常用的線上icon,使用上相當便利,使用方式~在您的head之間插入這段script只需要在你的html標簽上加上你選用的iconclass即可使用class="fas fa-cloud"
優點
操作便利,而且大部分的線上icon是沒有line的社群icon,這是我目前所知道的唯一一個
缺點
雖然號稱免費,但很多好看的icon基本上還是得升級付費,但基本的都是可以免費使用
2.Google Icons
優點
也是操作便利,樣式也不少!
缺點
ie無法使用,不過現在Microsoft Edge最新版的核心也改成Chrome,所以未來只要ie慢慢沒落,這個應該也不成問題,(沒有line的icon)
3.fontello
fontello也是筆者蠻常用的一個,因為icon的樣式多,風格也不錯,你在這個網站上面可以選擇你需要的icon,不需要的則不需要選擇, 這樣在引入的檔案中可以減輕不少負擔
優點
樣式多風格多,全站免費
缺點
你必須將檔案下載下來,將相關css引入到你的html里頭才可以使用,新作一個網站你就必須引入一次,程序上麻煩很多
其實還有非常多的免費線上icon可以使用,像是Bootstrap等等, 不過如果要非常特別的icon,你還是得自己設計一下吧。
希望以上的這些信息能對您有所幫助！
文章標題：三個免費的線上icon 讓網頁設計師更輕松
網頁URL：http://www.2m8n56k.cn/news/80906.html
成都網站建設公司_創新互聯，為您提供網頁設計公司、網站內鏈、企業網站制作、靜態網站、虛擬主機、ChatGPT
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 建立小型企業網站指南及參考 2019-11-26
- 外貿網站SEO技術之經典30個技術手段。 2019-11-26
- 減少開發移動應用程序成本的建議 2019-11-25
- 企業如何規劃網站的架構? 2019-11-25
- 成功的網站品牌形象是您成功的一半 2019-11-24
- 學校網站部署SSL證書必要性 2019-11-26
- 企業成功網站的10個簡單步驟 2019-11-26
- 建設網站的模板怎么選？ 2019-11-25
- 基本WEB設計原則 2019-11-24
- 成功的商業網站需要具備的10個條件 2019-11-24
- 如何確保您的網站安全 2019-11-24
- 開微店提高訂單量的技巧 2019-11-23
- 微商走向本地社群化才是出路 2019-11-23
- 將你的網站轉換為銷售工具。 2019-11-23
- 什么是網站安全？常見網站安全的威脅有哪些？ 2019-11-22
- 網頁設計中的極簡主義，少即是多。 2019-11-22
- 如何使您的網站成功？如何建設一個成功的網站？ 2019-11-22
- 建設網站如何規劃網站的架構? 2019-11-22
- 如何建設自己的多語言版本的網站？ 2019-11-21