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