Font Awesome爲您提供可縮放的矢量圖標,您可使用CSS所提供的全部特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。css
FontAwesome應用在web網頁開發中很是方便,那麼在原型設計中是否能使用呢?答案是確定的,本文將介紹如何在Axure中應用FontAwesome字體。html
具體步驟以下git
1️⃣、訪問 http://fortawesome.github.io/Font-Awesome/ 下載最新版本的FontAwesome(當前爲4.3),解壓下載的壓縮文件github
2️⃣、打開font文件夾,雙擊安裝.otf和.ttf結尾的字體web
3️⃣、打開Axure,點擊菜單 發佈>預覽選項(或ctrl+F5)>配置>web字體。bootstrap
點擊「+」號,輸入字體名稱FontAwesome,選擇連接到css文件,字體
輸入地址:http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css 肯定,關閉。設計
4️⃣、打開圖標列表網址 http://fortawesome.github.io/Font-Awesome/cheatsheet/ 選擇中意的圖標,複製圖標 複製圖標 複製圖標(重要的事情說三遍)cdn
5️⃣、在axure中拖入一個標籤元件(任何能夠輸入文字的都行),設置字體爲FontAwesome,將文本替換(粘貼)爲剛複製的圖標。htm
OK,你能夠F5預覽或者直接生成html了。