關(guān)于photoshop在哪里下載字體的信息

021yin.com 021yin.com 021yin.com 021yin.com 上又搜索不到怎么辦？

別急，我這就告訴你~

下面講述一下如何制作Iconfont，這里主要以?xún)蓚€(gè)軟件為例。

1.Sketch

如果是UI設計師，應該對這個(gè)軟件不會(huì )陌生，這是一個(gè)專(zhuān)門(mén)做UI界面的軟件，過(guò)多就不介紹了，不了解的可以吉印通 搜索了解一下。

如果要制作如上圖的圖標，可以按照以下幾步完成：

這里只是簡(jiǎn)單地介紹一下，具體制作可以自己去摸索嘗試。

2.AI

在iconfont首頁(yè)的下方選擇圖標制作說(shuō)明，進(jìn)入后查看制作圖標的相關(guān)說(shuō)明，并下載AI模板。

按照網(wǎng)格線(xiàn)，制作風(fēng)格統一的圖標，詳情可以查看iconfont的圖標制作說(shuō)明。

圖標應用項目

當你已經(jīng)搭建了一個(gè)完善的項目圖標庫的時(shí)候，你可以讓開(kāi)發(fā)人員通過(guò)下面兩種方式去使用它們：

1.在線(xiàn)使用

在項目中點(diǎn)擊獲取在線(xiàn)鏈接，生成在線(xiàn)鏈接，就生成了如上圖代碼，將其放入css文件當中，就可以通過(guò)之前所講述的方法去使用它了。

2.下載至本地

iconfont下載至本地之后是一個(gè)zip文件，解壓之后得到如下圖文件夾：

其中包括如上文件，可以打開(kāi)demo.html查看圖標。

這里可以查看每個(gè)圖標的信息，以及使用方法。

特別注意：推薦先使用在線(xiàn)引用，在項目要上線(xiàn)之前替換為本地文件。這樣可以避免因圖標項目經(jīng)常變更，例如：增加、刪除、修改等操作后，又要下載至本地去替換。

最后再啰嗦一下~

以上所說(shuō)我都是簡(jiǎn)單地介紹，具體更詳細、更花樣的使用還需要你們自己去探索。

可能講述的過(guò)程中有些啰嗦或者語(yǔ)言組織不是很好，請多見(jiàn)諒。

希望這篇文章能夠幫助到你們，謝謝！