AxureRP7使用FontAwesome字體

9 評論 43472 瀏覽 65 收藏 4 分鐘

我們使用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 字體到你的電腦里

222

第三步: 打開Axure RP,載入 FontAwesomeV321.rplib 這個(gè)部件庫

333

第四步: 添加下面的 Font Awesome CSS 鏈接到 生成HTML時(shí)彈出對話框的 Web 字體 中,然后點(diǎn)擊關(guān)閉。

http://netdna.bootstrapcdn.com/f … ss/font-awesome.css

444

至此,F(xiàn)ontAwesome 字體已經(jīng)安裝完畢。

使用方法:

1. 在 Axure 部件庫列表中,選擇 FontAwesome321 部件庫,然后就想操作其它部件一樣,拖放使用。

555

2. 打開 FontAwesome3.2.1 版本的參考頁面?http://fontawesome.io/3.2.1/cheatsheet/,復(fù)制你想要的圖標(biāo),然后粘貼到 Axure 中使用

666

注意:如果你復(fù)制圖標(biāo)到 Axure 中,并沒有正常顯示。 請選中該圖標(biāo),然后將字體設(shè)置為 FontAwesome 即可。

777

最后:因?yàn)檫@些小圖標(biāo)其實(shí)使用的是字體圖標(biāo),所以你可以使用改變字體大小和顏色來自定義小圖標(biāo)的樣式。

視頻教程:http://yunpan.cn/cyXdH89S7byHH (提取碼:8a88)?

本文為作者 @金烏 投稿發(fā)布,轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 666

    來自江蘇 回復(fù)
  2. 請問第四步 那個(gè)css的網(wǎng)址是怎么獲取到的呢?

    來自北京 回復(fù)
  3. ?? 簡單講就是字體圖標(biāo),可定義大小 顏色等,感謝作者。

    來自廣東 回復(fù)
  4. 求助,求助,之前用這個(gè)字體做了一半原型后,漢化了axure就不能用了,現(xiàn)在還原回去了也不能用了,有解決辦法么,是什么原因引起的呢

    來自北京 回復(fù)
  5. 下載視頻教程看一下呀,文章底部有鏈接

    來自江蘇 回復(fù)
  6. 旋轉(zhuǎn)菊花什么的能用嗎

    來自北京 回復(fù)
  7. 很好很強(qiáng)大~

    來自北京 回復(fù)
  8. 我按照文中所述方式操作之后,但是字體不能改變大小和顏色啊,只能改變背景色

    來自上海 回復(fù)