Axure中使用圖標字體【FontAwesome】

我們使用Axure製作原型時,經常會使用到各種小圖標。有些朋友自己製作、有些到網上下載,然後使用截圖導入到Axure中使用。這樣做非常繁瑣,有些朋友問Axure是否能夠像圖像處理工具那樣便捷靈活滴使用圖標字體呢?答案是:可以!
在AxureRP7中使用FontAwesome字體,這是一個非常實用的小技巧,現發佈成文與諸君共享。
第一步:下載
clip_image002
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 字體到你的電腦裏
clip_image004
第三步: 打開Axure RP,載入 FontAwesomeV321.rplib 這個部件庫
clip_image006
第四步: 添加下面的 Font Awesome CSS 鏈接到 生成HTML時彈出對話框的 Web 字體 中,然後點擊關閉。
http://netdna.bootstrapcdn.com/f … ss/font-awesome.css
clip_image008
至此,FontAwesome 字體已經安裝完畢。
使用方法:
1. 在 Axure 部件庫列表中,選擇 FontAwesome321 部件庫,然後就想操作其它部件一樣,拖放使用。
clip_image010
2. 打開 FontAwesome3.2.1 版本的參考頁面 http://fontawesome.io/3.2.1/cheatsheet/ ,複製你想要的圖標,然後粘貼到 Axure 中使用
clip_image012
注意:如果你複製圖標到 Axure 中,並沒有正常顯示。 請選中該圖標,然後將字體設置爲 FontAwesome 即可。
clip_image014
最後:因爲這些小圖標其實使用的是字體圖標,所以你可以使用改變字體大小和顏色來自定義小圖標的樣式。

clip_image016



原文鏈接:http://www.00io.com/2908

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章