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/
相关推荐
梓贤Vigo3 小时前
【Axure高保真原型】动态打字输入效果
交互·产品经理·axure·原型
梓贤Vigo6 小时前
【Axure视频教程】大小图轮播
交互·产品经理·axure·原型·中继器
PMEcho1 天前
墨刀监听变量实战:1个案例搞定高保真交互原型(附教程)
axure·变量·函数·交互设计·墨刀·原型设计·条件判断·高保真原型·监听·高级交互·高保真交互原型
PM大明同学12 天前
Axure PR 9 搜索 百度引擎 设计&交互
交互·axure
昕冉13 天前
Axure9中继器内部实现批量操作
设计模式·axure·设计
昕冉13 天前
Axure9中继器多数据实现分页
设计模式·axure·设计
昕冉13 天前
Axure9中继器实现数据排序
设计模式·axure·设计
lzb_kkk17 天前
【MFC】编辑框、下拉框、列表控件
c语言·开发语言·c++·mfc·1024程序员节
lzb_kkk18 天前
【MFC】树控件的使用详解
开发语言·c++·windows·mfc·1024程序员节
冯浩(grow up)1 个月前
Axure Rp 11 安装、汉化、授权
axure