如何在AxureRP7中使用FontAwesome字体

axure商城

我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!
在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。

本文由原型库网站金乌投稿,想系统学习AxureRP7的同学,可以参考金乌老师的AxureRP7网站和APP原型制作从入门到精通视频教程,有20节可以免费试学哦。

第一步:下载

FontAwesome 字体 : http://yunpan.cn/cytakifcnYz6j (提取码:fa4d)
Axure 字体部件库 :http://yunpan.cn/cyXw7JszvyPmh (提取码:53db)

第二步:双击 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 即可。

最后:因为这些小图标其实使用的是字体图标,所以你可以使用改变字体大小和颜色来自定义小图标的样式。

视频教程:http://yunpan.cn/cyXdH89S7byHH (提取码:8a88)

5

评论:

9 条评论,访客:9 条,站长:0 条

0%好评

  • 好评:(0%)
  • 中评:(0%)
  • 差评:(0%)

最新评论

  1. 米米米米小姐
    米米米米小姐发布于: 

    为什么还是有很多在Axure里不能预览呢 比方说这些
     icon-info ()
     icon-exclamation ()
     icon-superscript ()
     icon-subscript ()
     icon-eraser ()
     icon-puzzle-piece ()
     icon-microphone ()
     icon-microphone-off ()
     icon-shield ()
     icon-calendar-empty ()
     icon-fire-extinguisher ()
     icon-rocket ()
     icon-maxcdn ()
     icon-chevron-sign-left ()
     icon-chevron-sign-right ()
     icon-chevron-sign-up ()
     icon-chevron-sign-down ()
     icon-html5 ()
     icon-css3 ()
     icon-anchor ()
     icon-unlock-alt ()
     icon-bullseye ()
     icon-ellipsis-horizontal ()
     icon-ellipsis-vertical ()
     icon-rss-sign ()

  2. 切无法
    切无法发布于: 

    我安装了,但是拖过去以后还显示的是框框,设置了字体也没变啊?

  3. zjz
    zjz发布于: 

    我安装好,为啥拖过去没发展性哈

  4. 暖暖jxf
    暖暖jxf发布于: 

    为什么字体里没有安装好的fontawsome字体

发表评论