html5 fa图标库,axure官方制作FontAwesome图标元件库V5.5.0版

1.下载并安装5.5.0版本的Font Awesome 5字体文件。

下载地址:

下载之后将文件解压缩,打开里面的“otfs”文件夹,安装“Font Awesome 5 Brands-Regular-400.otf”、“Font Awesome 5 Free-Regular-400.otf”和“Font Awesome 5 Free-Solid-900.otf”这三个字体文件。

2.重新启动Axure RP。

如果Axure RP已打开,请将其完全关闭并重新打开。这样才能从软件的字体下拉列表中选择“Font Awesome 5 Free / Brands”,并在编辑区中正确的显示图标。

3.在“发布>生成HTML文件”的界面中,选择“Web字体”,添加Font Awesome CSS链接:https://use.fontawesome.com/releases/v5.5.0/css/all.css

437752553.jpg

4.下载Axure Font Awesome V5.5.0元件库,并通过元件功能面板“>菜单>载入元件库”,将其加载到Axure RP中。

写在最后

实际上,上面的元件库下载下来根本无需安装字体,可以直接使用。

它和AxureRP中的Icons元件库的图标元件是同一种类型,可以直接通过元件尺寸调整图标大小,也能通过元件填充颜色改变图标颜色。

也就是说,前面的1-3步骤无需操作!无需操作!无需操作!

我想可能Axure官方的小编自己搞迷糊了...

不过,上面的1-3步骤也不是完全没用,如果确实想使用FontAwesome图标字体(注意是图标字体),大家可以完成上面的1-3步骤,然后复制并粘贴FontAwesome官方备忘单中的图标。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值