在AxureRP7中使用FontAwesome字體,這是一個非常實用的小技巧,現發佈成文與諸君共享。
第一步:下載
FontAwesome 字體 : http://00io.com/wp-content/uploads/2015/01/fonts.zip
Axure 字體部件庫 : http://00io.com/wp-content/uploads/2015/01/FontAwesomev3.21.zip
第二步:雙擊 font-awesome.zip 安裝 Font-awesome 字體到你的電腦裏
第三步: 打開Axure RP,載入 FontAwesomeV321.rplib 這個部件庫
第四步: 添加下面的 Font Awesome CSS 鏈接到 生成HTML時彈出對話框的 Web 字體 中,然後點擊關閉。
http://netdna.bootstrapcdn.com/f … ss/font-awesome.css
至此,FontAwesome 字體已經安裝完畢。
使用方法:
1. 在 Axure 部件庫列表中,選擇 FontAwesome321 部件庫,然後就想操作其它部件一樣,拖放使用。
2. 打開 FontAwesome3.2.1 版本的參考頁面 http://fontawesome.io/3.2.1/cheatsheet/ ,複製你想要的圖標,然後粘貼到 Axure 中使用
注意:如果你複製圖標到 Axure 中,並沒有正常顯示。 請選中該圖標,然後將字體設置爲 FontAwesome 即可。
最後:因爲這些小圖標其實使用的是字體圖標,所以你可以使用改變字體大小和顏色來自定義小圖標的樣式。