AxureRP7使用FontAwesome字体

Nairo
9 评论 43559 浏览 65 收藏 4 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

我们使用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
评论
评论请登录
  1. 666

    来自江苏 回复
  2. 请问第四步 那个css的网址是怎么获取到的呢?

    来自北京 回复
  3. 😀 简单讲就是字体图标,可定义大小 颜色等,感谢作者。

    来自广东 回复
  4. 求助,求助,之前用这个字体做了一半原型后,汉化了axure就不能用了,现在还原回去了也不能用了,有解决办法么,是什么原因引起的呢

    来自北京 回复
  5. 下载视频教程看一下呀,文章底部有链接

    来自江苏 回复
  6. 旋转菊花什么的能用吗

    来自北京 回复
  7. 很好很强大~

    来自北京 回复
  8. 我按照文中所述方式操作之后,但是字体不能改变大小和颜色啊,只能改变背景色

    来自上海 回复
专题
60543人已学习20篇文章
想转行做产品经理,这个专题值得一看,看看前人是怎么做到的。
专题
55819人已学习20篇文章
产品上线后冷启动怎么做最有效?这是产品经理和运营必须要了解的。
专题
36302人已学习14篇文章
订单系统是看似简单,实际上是一个逻辑复杂的系统。
专题
11936人已学习12篇文章
随着市场竞争的加剧,越来越多的企业为了提高内部管控的效率,开始自建或引入内部管理系统来提升公司的效率。本专题的文章分享了企业管理系统设计指南。