如何在 Photoshop, illustrator 中使用 Font Awesome 的字型?

之前我們曾介紹過一款足以稱為網頁設計救世主的工具:Font Awesome
透過CSS和HTML5的功能,
就可以直接在網頁上以字型方式顯示常用的圖案、圖示、符號等,
不僅可以顯示,還可以隨意放大縮小、改變顏色各種屬性等等,
因為基本上這些圖案就是字型,
所以CSS中所有字型可以調用的屬性都可以使用,
實在是方便而且字型圖案設計的也很漂亮。
 
那如果要在桌面板的軟體中使用 FontAwesome 可以嗎
 
像是 Photoshop, illustrator, word, Excel, Pages, Numbers等平面設計與文書軟體,
又好比 Final Cut Pro X, adobe premiere pro等專業的影片編輯軟體等等,
畢竟無論是平面設計、文書排版、影片編輯,若是加入這些好用細緻的小圖示,
那絕對也是大便利、大加分呢!
 
答案是可以的喔 ^^
 
在 FontAwesome 的官網中也有說明如何直接把這個字型安裝進電腦的作業系統中,
只要先下載好他們的字型,
安裝進去(Mac OS, Windows 都可以),
就可以當作一般字型那樣使用了。
 
下載 FontAwesome 字型
 
不過問題來了,
六百多個小圖示/符號,要怎麼『打』出來想要的小圖呢?
 
別急,不用鍵盤打,
我們可以到這個頁面中:http://fontawesome.io/cheatsheet/
Font Awesome 有列出全部的字型圖案
 
FontAwesome 字體對照表
 
直接在這個網頁上查看,
找到想要的圖示之後,
就複製那個圖案,然後在 Photoshop 中貼上(其他軟體也是一樣喔),
貼上之後,
一開始你會發現貼上的文字是亂碼狀,
沒關係,選了這個怪字,把字型改為 Font Awesome 就可以了 ^^
 
在Photoshop中使用FontAwesome
 
是不是很便利又實用呢?
一起來試試看吧!

Readers comment