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/
相关推荐
梓贤Vigo2 天前
【Axure高保真原型】时间轴缩放面积图
交互·产品经理·axure·原型
梓贤Vigo8 天前
【Axure高保真原型】地图路线和定位
交互·产品经理·axure·原型
招风的黑耳10 天前
Axure 高阶设计:打造“以假乱真”的多图片上传组件
javascript·图片上传·axure
孤蓬&听雨10 天前
Axure基于中继器实现的组件库(导航菜单、动态表格)
ui·axure·动态表格·中继器·导航菜单
梓贤Vigo10 天前
【Axure高保真原型】批量添加和删除图片
交互·产品经理·axure·原型·中继器
招风的黑耳13 天前
Axure 日期选择类组件设计:涵盖日期、时间及范围选择
axure·日期选择器·日期时间选择器·日期范围选择器
梓贤Vigo14 天前
【Axure视频教程】动态折线图
交互·产品经理·axure·原型·教程
招风的黑耳16 天前
Axure日期日历高保真动态交互原型
交互·axure
梓贤Vigo17 天前
【Axure高保真原型】中继器表格——自适应高度
交互·产品经理·axure·原型·中继器
lzb_kkk17 天前
【实习总结】Qt通过Qt Linguist(语言家)实现多语言支持
开发语言·c++·qt·1024程序员节·qt linguist·qt 语言家