Axure 9 使用 font awesome 字体发布原型

我使用的版本为Font awesome 6.1.1,安装后在axure中新增3个字体
在这里插入图片描述
如果直接发布,在没有安装Font awesome的电脑上无法正常显示字体图标,需要在发布前进行设置。
设置方法:

  1. 点击共享
    Axure 9 使用 font awesome 字体发布原型_第1张图片
  2. 点开设置
    Axure 9 使用 font awesome 字体发布原型_第2张图片
  3. 在字体设置页,填入图中所示的设置
    Axure 9 使用 font awesome 字体发布原型_第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/。

你可能感兴趣的:(产品,1024程序员节,axure)