UI設計福利！如何在PS上使用FONTAWESOME圖標

估計很多前端人員都知道FontAwesome是一套免費而且好用的Web字體圖標，只要在CSS引入這個字體icon，它就可以直接通過class來生成一個圖標，而且免費使用。目前圖標數(shù)量已經(jīng)更新至585個之多，包含常用的APP UI應用圖標、品牌圖標等。今天教大家如何將FontAwesome直接在Photoshop或AI上使用，這樣日后做UI設計也方便多了，下面我們說說方法。

STEP 1：下載Fontawesome字體

官方下載地址：http://fortawesome.github.io/Font-Awesome

下載后，將TTF文件安裝到系統(tǒng)的字體目錄。

STEP 2：在PS或AI上使用Font Awesome圖標字體

打開Cheatsheet頁面：http://fortawesome.github.io/Font-Awesome/cheatsheet/

選中你需要的圖標，復制，如下圖：

STEP 3：

在PS或AI上粘貼上去(文字輸入狀態(tài)下)，這時你可能看到是這樣的，別急，看下面。

那是因為我們沒有選擇字體，把字體選擇為Font Awesome就OK了，如下圖：

好了，如果還有不懂的請在本文下方留言。

另附PS一次性刪除所有隱藏圖層和空白無內(nèi)容圖層方法

刪除所有隱藏圖標

點擊圖層面板右上角展開菜單，選擇【刪除隱藏圖層】，這樣軟件會自動刪除所有的隱藏的圖層了。

刪除所有空白圖層

點擊【文件】菜單，選擇【腳本 – 刪除所有空圖層】，這樣軟件就會刪除所有空白、無內(nèi)容的圖層啦

以上方法很簡單，特別對于大文件處理，還是很有幫助的。