编者按:如何在Axure 9.0上使用Font Awesome？通过实际操作，笔者分享了具体流程，并为我们进行了分析和总结。

Axure RP可以使用Web字体，放Font Awesome非常方便。Font Awesome是一种字体，主要用于图标，而不是众所周知的中/西方字体。

只需几个简单的设置，你就可以在自己的项目上使用Font Awesome的1609免费图标。图标覆盖面广，风格相对统一。

首先，在本地安装字体牛逼字体文件

如果要使用Font Awesome，必须在本地识别，所以需要先安装字体文件。进入https://fontawesome.com/download官方下载页面，选择免费下载桌面版。

最新免费版5.15.1(Font Awesome 6需要付费)

解压缩压缩包，并在otfs文件夹下安装三个otf字体文件:

Font Awesome 5 Free-Regular-400.otf；Font Awesome 5 Free-Solid-900.otf；Font Awesome 5 Brands-Regular-400.otf。

字体文件安装成功后，重启Axure，本机即可显示Font Awesome的字体图标。

第二，为Axure项目添加网页字体配置

仅仅在这台机器上安装字体并不能解决其他设备上的字体显示问题。通过配置web字体可以在线调用字体，解决了显示对象的设备不支持字体显示的问题。

Axure支持通过使用。css或配置@font-face。单击[+添加字体]，添加网页字体，并选择[链接到。要添加css引用:

字体标签设置为字体真棒免费

CSS文件的网址设置为https://use.fontawesome.com/releases/v5.15.1/css/all.css

这里引用的css文件版本是5.15.1，对应的是本地安装的版本。css文件的地址来自font awesome官网。

如果你需要其他版本的css文件，你可以访问https://fontawesome.com/account/cdn(你需要注册你的帐户)并根据需要选择你自己的css。

但是Font Awesome在国内的访问不稳定，需要用国内网站的对应脚本来代替，比如https://www.bootcdn.cn/font-awesome/

然后上面CSS文件参数的URL替换为国内CDN地址:https://CDN . bootcdn . net/Ajax/libs/font-awesome/5 . 15 . 1/CSS/all . CSS。

网页字体配置完成，可以关闭页面。此时，即时演示设备上没有安装Font Awesome字体，您设置的图标仍然可以看到。

注意:这里添加了一个使用all.css的字体配置，你也可以根据你的需求将Brands，Solid和Regular分成三个css配置。

第三，使用Axure中的字体牛逼图标

完成本地字体配置和web字体配置后，可以直接在本地粘贴Font Awesome上的图标。

字体牛逼的图标库:https://fontawesome.com/icons

因为只能使用实心、普通、品牌的免费图标，所以可以直接过滤左侧对应的类型。选择需要的图标，点击复制Unicode字形按钮复制图标。然后可以直接粘贴到Axure中。

1.另一种方法a

点击右侧的“显示备忘单”，每个图标下方会出现一个“复制字形”按钮，可以快速复制。

2.另一种方法B

使用https://fontawesome.com/cheatsheet,，可以选择和复制页面上的图标。

复制到想要的图标后，就像在Axure中粘贴文本一样将图标粘贴到文本框中，就可以显示相应的图标了。

如果不清楚显示为问号，请将文本字体切换为字体Awesome 5免费或字体Awesome 5品牌。