分享

AxureRP7使用FontAwesome字体 | 人人都是产品经理

 枯井道人 2016-08-22
没人带,自学慢,不在BAT怎么学产品?人人都是产品经理联合200+BAT资深产品经理带你学 点此查看详情

我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!

在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。

第一步:下载

111

FontAwesome 字体 : http:///cytakifcnYz6j (提取码:fa4d)

Axure 字体部件库 :http:///cyXw7JszvyPmh (提取码:53db)

第二步:双击 font-awesome.zip 安装 Font-awesome 字体到你的电脑里

222

第三步: 打开Axure RP,载入 FontAwesomeV321.rplib 这个部件库

333

第四步: 添加下面的 Font Awesome CSS 链接到 生成HTML时弹出对话框的 Web 字体 中,然后点击关闭。

http://netdna./f ... ss/font-awesome.css

444

至此,FontAwesome 字体已经安装完毕。

使用方法:

1. 在 Axure 部件库列表中,选择 FontAwesome321 部件库,然后就想操作其它部件一样,拖放使用。

555

2. 打开 FontAwesome3.2.1 版本的参考页面 http:///3.2.1/cheatsheet/,复制你想要的图标,然后粘贴到 Axure 中使用

666

注意:如果你复制图标到 Axure 中,并没有正常显示。 请选中该图标,然后将字体设置为 FontAwesome 即可。

777

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

视频教程:http:///cyXdH89S7byHH (提取码:8a88)?

本文为作者 @金乌 投稿发布,转载请注明来源于人人都是产品经理并附带本文链接

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多