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

隨著網(wǎng)頁技術(shù)不斷升華,關(guān)于icon也已經(jīng)有了相當(dāng)不錯的解決方式那就是iconfont這種做法是非常方便的,只要一段樣式的標(biāo)簽就可以引入自己想要的icon,而且大小跟顏色是可以隨心所欲的修改, 筆者今天要分享的是我很常用的三個線上icon的網(wǎng)站,以下分享三個網(wǎng)站,以及個人使用上的經(jīng)驗整理出優(yōu)點跟缺點

• 1.fontawesome

  這是筆者最常用的線上icon,使用上相當(dāng)便利,使用方式~在您的head之間插入這段script只需要在你的html標(biāo)簽上加上你選用的iconclass即可使用class="fas fa-cloud"

  優(yōu)點

  操作便利,而且大部分的線上icon是沒有l(wèi)ine的社群icon,這是我目前所知道的唯一一個

  缺點

  雖然號稱免費,但很多好看的icon基本上還是得升級付費,但基本的都是可以免費使用

• 2.Google Icons

• 優(yōu)點

  也是操作便利,樣式也不少!

  缺點

  ie無法使用,不過現(xiàn)在Microsoft Edge最新版的核心也改成Chrome,所以未來只要ie慢慢沒落,這個應(yīng)該也不成問題,(沒有l(wèi)ine的icon)

• 3.fontello

  fontello也是筆者蠻常用的一個,因為icon的樣式多,風(fēng)格也不錯,你在這個網(wǎng)站上面可以選擇你需要的icon,不需要的則不需要選擇, 這樣在引入的檔案中可以減輕不少負(fù)擔(dān)

  優(yōu)點

  樣式多風(fēng)格多,全站免費

  缺點

  你必須將檔案下載下來,將相關(guān)css引入到你的html里頭才可以使用,新作一個網(wǎng)站你就必須引入一次,程序上麻煩很多

其實還有非常多的免費線上icon可以使用,像是Bootstrap等等, 不過如果要非常特別的icon,你還是得自己設(shè)計一下吧。
希望以上的這些信息能對您有所幫助！

文章標(biāo)題：三個免費的線上icon 讓網(wǎng)頁設(shè)計師更輕松
網(wǎng)頁URL：http://m.2m8n56k.cn/news/80906.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、虛擬主機(jī)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)