AxureRP7使用FontAwesome字體
我們使用Axure制作原型時(shí),經(jīng)常會使用到各種小圖標(biāo)。有些朋友自己制作、有些到網(wǎng)上下載,然后使用截圖導(dǎo)入到Axure中使用。這樣做非常繁瑣,有些朋友問Axure是否能夠像圖像處理工具那樣便捷靈活滴使用圖標(biāo)字體呢?答案是:可以!
在AxureRP7中使用FontAwesome字體,這是一個(gè)非常實(shí)用的小技巧,現(xiàn)發(fā)布成文與諸君共享。
第一步:下載
FontAwesome 字體 : http://yunpan.cn/cytakifcnYz6j (提取碼:fa4d)
Axure 字體部件庫 :http://yunpan.cn/cyXw7JszvyPmh (提取碼:53db)
第二步:雙擊 font-awesome.zip 安裝 Font-awesome 字體到你的電腦里
第三步: 打開Axure RP,載入 FontAwesomeV321.rplib 這個(gè)部件庫
第四步: 添加下面的 Font Awesome CSS 鏈接到 生成HTML時(shí)彈出對話框的 Web 字體 中,然后點(diǎn)擊關(guān)閉。
http://netdna.bootstrapcdn.com/f … ss/font-awesome.css
至此,F(xiàn)ontAwesome 字體已經(jīng)安裝完畢。
使用方法:
1. 在 Axure 部件庫列表中,選擇 FontAwesome321 部件庫,然后就想操作其它部件一樣,拖放使用。
2. 打開 FontAwesome3.2.1 版本的參考頁面?http://fontawesome.io/3.2.1/cheatsheet/,復(fù)制你想要的圖標(biāo),然后粘貼到 Axure 中使用
注意:如果你復(fù)制圖標(biāo)到 Axure 中,并沒有正常顯示。 請選中該圖標(biāo),然后將字體設(shè)置為 FontAwesome 即可。
最后:因?yàn)檫@些小圖標(biāo)其實(shí)使用的是字體圖標(biāo),所以你可以使用改變字體大小和顏色來自定義小圖標(biāo)的樣式。
視頻教程:http://yunpan.cn/cyXdH89S7byHH (提取碼:8a88)?
本文為作者 @金烏 投稿發(fā)布,轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接
666
請問第四步 那個(gè)css的網(wǎng)址是怎么獲取到的呢?
?? 簡單講就是字體圖標(biāo),可定義大小 顏色等,感謝作者。
求助,求助,之前用這個(gè)字體做了一半原型后,漢化了axure就不能用了,現(xiàn)在還原回去了也不能用了,有解決辦法么,是什么原因引起的呢
下載視頻教程看一下呀,文章底部有鏈接
旋轉(zhuǎn)菊花什么的能用嗎
很好很強(qiáng)大~
我按照文中所述方式操作之后,但是字體不能改變大小和顏色啊,只能改變背景色