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/
相关推荐
xy34531 天前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
学传打活7 天前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续3)
微信公众平台·1024程序员节·汉字·昆仑正义文化
xy345312 天前
Axure 9.0 条形图绘制超详细教程:静态展示
ui·产品经理·axure·条形图
学传打活13 天前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续1)
微信公众平台·1024程序员节·汉字·昆仑正义文化
fangzhanpeng16820 天前
快速掌握C#语言基础知识点(1.基础数据类型)
开发语言·c#·1024程序员节
无己心23 天前
面向多平台 AI 搜索引擎的适配层架构设计
前端·人工智能·搜索引擎·ai·1024程序员节
招风的黑耳1 个月前
用Axure打造科技感数据可视化大屏:120+行业模板赋能智慧决策
科技·信息可视化·axure
u0103055271 个月前
AI驱动的安卓UI自动生成功能实现
人工智能·1024程序员节
u0103055271 个月前
长株潭智能体赋能腾讯元器链接共享
1024程序员节
云贝贝贝1 个月前
OceanBase认证体系介绍与备考指南
运维·服务器·oceanbase·1024程序员节