一个寝室3个攻一受全h_97国产福利_在线中文字幕理伦电影_www.youjizz.com国产

首頁?>?知識?資訊?>?三個免費的線上icon 讓網頁設計師更輕松?>?正文

三個免費的線上icon 讓網頁設計師更輕松

2020/12/6 0:14:22 · 稿源:傳誠信

icon在網頁里頭是非常重要的小尖兵,就像我們在百貨公司里面,必需要靠這些圖示來清楚我們的所在位置,要去哪里? 下一個地方在何處? 但是一旦圖示需要的量越來越大,且顏色上又要有不同的區分,同一個icon又要運用在別的專案上,傳統的做法就是不斷的P色不斷輸出不斷上傳& 編寫css跟html

隨著網頁技術不斷升華,關于icon也已經有了相當不錯的解決方式那就是icon?font這種做法是非常方便的,只要一段樣式的標簽就可以引入自己想要的icon,而且大小跟顏色是可以隨心所欲的修改, 筆者今天要分享的是我很常用的三個線上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,你還是得自己設計一下吧。

    希望以上的這些信息能對您有所幫助!



  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354