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/。
相关推荐
拔剑纵狂歌11 小时前
ClickHouse system.query_log 字段详解与排障实践
后端·clickhouse·1024程序员节
xy345311 天前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
比奥利奥还傲.13 天前
哪吒监控面板实战:部署 Dashboard、接入 Agent、钉钉告警,再配置固定公网访问
网络·人工智能·分布式·1024程序员节
xy345314 天前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
默 语15 天前
Java新手入门:从零开始安装JDK并配置环境变量
java·开发语言·python·mysql·group by·1024程序员节·数据去重
xy345322 天前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
xy345324 天前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
学传打活1 个月前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续3)
微信公众平台·1024程序员节·汉字·昆仑正义文化
xy34531 个月前
Axure 9.0 条形图绘制超详细教程:静态展示
ui·产品经理·axure·条形图
学传打活1 个月前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续1)
微信公众平台·1024程序员节·汉字·昆仑正义文化