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/
相关推荐
冯浩(grow up)7 小时前
Axure Rp 11 安装、汉化、授权
axure
梓贤Vigo3 天前
【Axure高保真原型】图片列表添加和删除图片
axure
害羞的白菜3 天前
基于Axure+墨刀设计的电梯管理系统云台ERP的中保真原型图
数据分析·产品经理·axure·项目经理·墨刀
小赖同学啊3 天前
Axure 与 Cursor 集成实现方案
axure
孤蓬&听雨4 天前
Axure形状类组件图标库(共8套)
ui·产品经理·axure·产品设计·原型设计
孤蓬&听雨4 天前
Axure高保真LayUI框架 V2.6.8元件库
前端·layui·产品经理·axure·原型设计
招风的黑耳4 天前
Axure设计案例:滑动拼图解锁
axure·滑动拼图解锁
梓贤Vigo4 天前
【Axure视频教程】下载和安装Axure汉化包
axure·教程
YouYOUyouFairy4 天前
AXURE-动态面板
axure
小赖同学啊4 天前
Quick UI 组件加载到 Axure
ui·axure·photoshop