Axure 9 使用 font awesome 字体发布原型

我使用的版本为Font awesome 6.1.1,安装后在axure中新增3个字体
在这里插入图片描述
如果直接发布,在没有安装Font awesome的电脑上无法正常显示字体图标,需要在发布前进行设置。
设置方法:

  1. 点击共享
    在这里插入图片描述
  2. 点开设置
    在这里插入图片描述
  3. 在字体设置页,填入图中所示的设置
    在这里插入图片描述
    我们制作原型时一般最常使用的字体为Font Awesome 6 Free Solid,而css中的font-family为Font Awesome 6 Free,需要先将Font Awesome 6 Free Solid映射为Font Awesome 6 Free。然后再添加字体标签Font Awesome Free,并引用官方链接https://use.fontawesome.com/releases/v6.1.1/css/all.css,如果官方链接访问较慢,也可以选择国内的镜像地址https://www.bootcdn.cn/font-awesome/
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值