linux安装字体图标_Axure安装FontAwesome字体图标图文教程(mac版)

c9d4bd4f7476a76795ec0be7ee9c2662.png

在用Axure做原型设计时常常需要用到图标。但是这种图标部件库的ICON一般都是图片,当颜色与当前原型色调不一样的时候,就不能用了。而且ICON常常表示状态,不同的状态需要不同的颜色,用图片做原型ICON就不太实用了。推荐一个神器-FontAwesome,字体icon,每个icon其实就是一个文字,文字更改颜色和大小非常简便。
字体名称:FontAwesome
FontAwesome字体下载链接
链接:https://pan.baidu.com/s/1Gka6KczY7giVnUKufnaQvw 密码:coie
FontAwesome字体部件库:
链接:https://pan.baidu.com/s/1ZNGreR-93ynpm4O8-9QGTw 密码:4415一.字体安装
a.下载完字体之后,解压缩文件,然后选择fonts文件夹。

4c02d968f5a6cd91f1b10ea15c26a00d.png


b.分别双击下面两种文件,进入字体安装页面。

f5592c5e79df2ea375ac0556f8647f9c.png


c.在页面中确认安装字体。

f1c78a256a16f02e154c3747305d68de.png


d.安装成功后,你就可以在你的Axure字体选择就可以看到FontAwesome了。

6106872524197ef407e5dd8dd04c0b84.png

二.载入字体库a.载入部件库,在Axure中选择【载入元件库】,最后确认即可。

c513c30cb7cf0449ec1bc4a1da7d5a4c.png

b.找到你下载的rplib文件,进行安装。

272d0be001f0489cc6ab39bdb085fd72.png

c.使用时,选择全部/FontAwesome部件库,然后你就可以直接使用了,自由更改字体大小,颜色等。

9d7cc31fd31079fdd771b192157415cf.png

三、生成原型之后,链接CSS样式。完成原型制作之后,由于我们使用了特殊的FontAwesome字体,如果分享给别人就需要告知网页加载这个字体样式。a.在Axure发布页面,修改配件文件b.选择默认的HTML样式c.在web字体中,新增一个web字体的css样式链接地址 http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

663235eccd0598b65ffc3143669dc3b0.png

1bbc40da62e5ef612f1a90254c93480d.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值