AxureRP7使用FontAwesome字體

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

我們使用Axure制作原型時，經常會使用到各種小圖標。有些朋友自己制作、有些到網上下載，然后使用截圖導入到Axure中使用。這樣做非常繁瑣，有些朋友問Axure是否能夠像圖像處理工具那樣便捷靈活滴使用圖標字體呢？答案是：可以！

在AxureRP7中使用FontAwesome字體，這是一個非常實用的小技巧，現發布成文與諸君共享。

第一步：下載

FontAwesome 字體 ： http://yunpan.cn/cytakifcnYz6j （提取碼：fa4d）

Axure 字體部件庫 ：http://yunpan.cn/cyXw7JszvyPmh （提取碼：53db）

第二步：雙擊 font-awesome.zip 安裝 Font-awesome 字體到你的電腦里

222

第三步： 打開Axure RP，載入 FontAwesomeV321.rplib 這個部件庫

333

第四步： 添加下面的 Font Awesome CSS 鏈接到 生成HTML時彈出對話框的 Web 字體 中，然后點擊關閉。

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

444

至此，FontAwesome 字體已經安裝完畢。

使用方法：

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

555

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

666

注意：如果你復制圖標到 Axure 中，并沒有正常顯示。 請選中該圖標，然后將字體設置為 FontAwesome 即可。

777

最后：因為這些小圖標其實使用的是字體圖標，所以你可以使用改變字體大小和顏色來自定義小圖標的樣式。

視頻教程：http://yunpan.cn/cyXdH89S7byHH （提取碼：8a88）?

本文為作者 @金烏 投稿發布，轉載請注明來源于人人都是產品經理并附帶本文鏈接

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
Nairo
人人都是產品經理內容運營團隊
1408篇作品 38890849總閱讀量
11-162423 瀏覽
像搭積木一樣的組件產品該如何設計
06-011598 瀏覽
微信“親兒子”，參戰6.18
09-062426 瀏覽
產業，到底需要什么大模型？
10-201666 瀏覽
別硬把大模型往手機里塞
09-253323 瀏覽
產品經理怎么做好需求池管理？
評論
評論請登錄

  1. 666

    來自江蘇 回復

  2. 請問第四步 那個css的網址是怎么獲取到的呢？

    來自北京 回復

  3. ?? 簡單講就是字體圖標，可定義大小 顏色等，感謝作者。

    來自廣東 回復

  4. 求助，求助，之前用這個字體做了一半原型后，漢化了axure就不能用了，現在還原回去了也不能用了，有解決辦法么，是什么原因引起的呢

    來自北京 回復

  5. 下載視頻教程看一下呀，文章底部有鏈接

    來自江蘇 回復

  6. 旋轉菊花什么的能用嗎

    來自北京 回復

  7. 很好很強大~

    來自北京 回復

  8. 我按照文中所述方式操作之后，但是字體不能改變大小和顏色啊，只能改變背景色

    來自上海 回復