首页
Portal
爱评测报告
行业
产品
推荐
设备
讨论&分享
BBS
搜索
帖子
门户
马上注册
找回密码
登录网站
用QQ登录
爱评测-移动互联网评测
»
讨论&分享
›
学习及教程
›
Axure教程及讨论
›
如何在AxureRP7中使用FontAwesome字体
返回列表
查看:
1779
|
回复:
0
如何在AxureRP7中使用FontAwesome字体
[复制链接]
tianzc
tianzc
当前离线
积分
5648
1313
主题
1337
帖子
5648
积分
管理员
积分
5648
发消息
电梯直达
楼主
发表于 2015-1-16 01:13:02
|
只看该作者
|
倒序浏览
|
阅读模式
[/url]
如何在AxureRP7中使用FontAwesome字体
我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!
在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。
本文由原型库网站金乌投稿,想系统学习AxureRP7的同学,可以参考金乌老师的[url=http://study.163.com/course/courseMain.htm?courseId=743007]
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)
本主题由 尹广磊 于 昨天 11:25 移动
收藏
分享
评分
小技巧
,
对话框
,
视频教程
,
朋友
,
如何
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
马上注册
x
分享到:
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
0
相关帖子
•
Axure如何画斜线
•
AXURE中的变量使用问题
•
请教:如何判断输入是有效的邮箱地址?
•
[图标] 箭头、叉、面包屑等一组图标组件
•
如何使用axure实现微信朋友圈或者微博的那种滚动效果?
•
Mockplus:如何使用审阅功能?
•
Mockplus如何导入自己的图片文件?
•
[细节] 如何生成批注?
•
axure中拖动动态面板
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
马上注册
本版积分规则
发表回复
回帖后跳转到最后一页
Function
小黑屋
Archiver
手机版
关于!
rss订阅
关于爱评测
爱评测FAQ
站点地图
爱评测 aipingce.com
快速回复
返回顶部
返回列表