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/
相关推荐
PM老猫19 天前
最新版谷歌浏览器Axure插件(免翻墙)
axure
梓贤Vigo20 天前
【Axure教程】中继器表格间筛选
交互·产品经理·axure·原型·中继器
Faylynn23 天前
Axure:元件库无法移除元件库(解决按钮是灰色不可点击)
axure
梓贤Vigo23 天前
【Axure高保真原型】休假审批列表
交互·产品经理·axure·原型
招风的黑耳23 天前
商城类电商购物APP网购原型——实战项目原型
app·axure·电商·移动端
Axure组件23 天前
Axure: 多级多选可交互树状列表
交互·axure·ux
小咪一会1 个月前
JVM 基础
jvm·1024程序员节
私人珍藏库1 个月前
[吾爱原创] 产品原型制作工具 Axure RP 9.0.0.3754 完整汉化版
axure
空灵之海1 个月前
Ubuntu系统安全合规配置
linux·ubuntu·系统安全·1024程序员节
2501_928094651 个月前
Axure RP 9 Mac 交互原型设计
交互·axure·原型设计