1.打開https://www.iconfont.cn/，進入自己的項目（如果沒有，新建，添加圖標）。頂部導航欄點擊 圖標管理|我的項目，選擇項目，選擇以后點擊下載至本地 2.下載下來的文件解壓后長這樣 3.按照我下面的圖將對應的文件放入nuxt搭建的項目中 ...

Iconfont真的很強大，圖標數量驚人，基本任意的關鍵詞都能搜索到你想要的結果。而且是國產的，網速會比較快，還可以改變圖標顏色。 它提供svg、png、ai三種格式下載，之前我一直都是乖乖的一個個下載，最近才發現了新大陸，它竟然可以制作字體圖標，簡直不要太好用！后悔沒有早點發現！ 以下內容 ...

先來說說字體圖標的好處： 很容易任意地縮放； 很容易地改變顏色； 很容易地產生陰影； 可以擁有透明效果； 一般來說，有先進的瀏覽器支持； 可以使用CSS來裝飾（可以得到CSS很好支持 ...

Nuxt可以使用各種前端UI框架，這些框架一般都自帶的有一些icon圖標可供用戶使用，但是一般項目開發的時候，UI框架自帶的icon是不能滿足實際項目需求的，這個時候我們可以自己找一些圖片放到本地項目里，然后引用這個圖片，但是總感覺這樣不太好。 這個時候我們可以使用 Iconfont-阿里巴巴 ...

　　Nuxt可以使用各種前端UI框架，這些框架一般都自帶的有一些icon圖標可供用戶使用，但是一般項目開發的時候，UI框架自帶的icon是不能滿足實際項目需求的，這個時候我們可以自己找一些圖片放到本地項目里，然后引用這個圖片，但是總感覺這樣不太好。 這個時候我們可以使用 ...

iconfont是很多設計以及前后端人員編寫頁面時經常用到的網站，阿里不僅為我們提供了免費的圖標庫，並且有一套完整的圖標庫體系。很多初學者只知道從圖標庫中下載圖標放入項目中，但在實際項目應用中，過多的圖片會導致頁面加載速度的變慢以及很多其他問題。今天我介紹一下如何使用Iconfont建立項目並使用 ...

- ## 在antd項目中使用iconfont 使用antd Icon（https://ant.design/components/icon-cn/#components-icon-demo-custom）的自定義圖標寫法 官方效果：https://codesandbox.io/s ...

為什么不切圖標了 以前的圖標我們非常喜歡用ps等工具切成一張張xxx.png圖片，如果稍微懂點移動端適配，對dpr(設備像素比)有所了解的，還會切出類似home@1x.ppng,home@2x.png,home@3x.png這樣的圖標，其中@1x表示用來適配dpr為1的手機，圖像分辨率最低 ...