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 天前
JVM 基础
jvm·1024程序员节
私人珍藏库2 天前
[吾爱原创] 产品原型制作工具 Axure RP 9.0.0.3754 完整汉化版
axure
空灵之海6 天前
Ubuntu系统安全合规配置
linux·ubuntu·系统安全·1024程序员节
2501_928094658 天前
Axure RP 9 Mac 交互原型设计
交互·axure·原型设计
招风的黑耳8 天前
告别加班!这款Axure移动端元件库,让你原型效率提升300%
axure·移动端·图表·页面设计
Axure组件8 天前
Axure: 分组柱状图1
交互·axure·ux
阿啄debugIT8 天前
装饰(Decorator)模式可以在不修改对象外观和功能的情况下添加或者删除对象功能
软件工程·1024程序员节
招风的黑耳11 天前
Axure文件上传高保真交互原型:实现Web端真实上传体验
交互·axure·文件上传
梓贤Vigo12 天前
【Axure高保真原型】区间缩放柱状图
交互·产品经理·axure·原型·中继器
招风的黑耳12 天前
66Web端最强中继器表格元件库来了!55页高保真交互案例,Axure 9/10/11通用
交互·axure·原型·表格·中继器