Font Awesome 是一种可无限缩放的矢量字体图标，支持使用 CSS 所提供的全部特性设置其样式，包括大小、颜色、阴影、背景等，
它非常适合在 Axure 原型设计中进行应用，可以方便实现按纽或元件的各种交互效果。 Font Awesome v6 Pro 包含了几十种主题分类
和海量的优质图标，并且支持十多种样式风格，可满足于各种业务类型和场景使用需求。
6138 个
丰富多彩的精美图标68 个
种类全面的图标分类9 种
风格迥异的图标样式489 个
最受欢迎的品牌标志来源：FontAwesome v6 Pro版权归AxureUx所有，本站整理收集。
FontAwesome是一种可无限缩放的矢量字体图标，支持使用CSS所提供的全部特性设置其样式，包括大小、颜色、阴影、背景等，它非常适合在 Axure 原型设计中进行应用，可以方便实现按纽或元件的各种交互效果。
AxureUX发布的大部分作品使用了FontAwesome字体图标方案，在以前发布的作品的分别使用过v4.7版本和v5 Pro等版本。v6 Pro字体图标相比于之前的版本，包含了更全面的图标分类和海量优质图标，并且支持十多种样式风格，可满足于各种业务类型和场景使用需求。
FontAwesome各个版本字体文件间并不相互兼容，每个版本的字体文件只对相同版本的字体图标有效，所以使用时需要正确安装对应版本的字体文件。
例如系统中已经安装过v6 Pro版字体文件，但是Axure文件中所使用的是v5 Pro版本，还需要再安装v5 Pro版本的字体。系统中可以安装多个版本的FontAwesome字体文件的，同时在Axure中使用也并不会冲突，但是需要设置对应的字体属性和CSS链接，否则图标显示可能会出现异常。
第一步、FontAwesome所有版本的字体文件安装方法都是一样的，将下载的v6 Pro字体图标文件压缩包完成解压后，找到并打开otfs目录可以看到全部的字体文件，所有的字体文件都需要安装。
第二步、Win系统中双击字体文件会提示安装，或者选中全部字体文件复制粘贴进系统字体目录（C:\Windows\Fonts）内完成安装，Mac系统安装字体方法请百度查看。
第三步、字体安装完成后需要重新启动Axure，如果只是在Axure中编辑才需要安装字体文件，查看演示文件并不需要安装字体文件。
第一步、通过FontAwesome v6 Pro版字体图标列表页面中找到需要的图标，然后双击图标会自动选中并复制图标字符。
第二步、返回到Axure软件界面中后，在对应的元件中将图标字符粘贴进去，此时图标显示的是一个乱码字符，需要选中这个字符后，在字体属性中将其字体设置为 Font Awesome 6 Pro，图标就能正常显示了。
注意：如果是品牌图标，则需要将字体设置为 Font Awesome 6 Brands 。
第一步、将【fontawesome-v6-pro】文件夹拷贝到 你站点的根目录（也可放在站点其他目录，只要调用路径正确即可）；
第二步、在页面里调用路径，将下面代码插入到页面的<head> </head > 之间；
这种安装，只要在页面插入官网提供的CSS库链接即可，无需下载和部署字体，简单、方便；唯一就是保证外部链接提供的服务稳定；
第一步、在页面里调用路径，将下面代码插入到页面的<head> </head > 之间；
特别说明：最新的v6 Pro版本支持Classic（经典）、Sharp（锋利）、Duotone （双色）等多种图标样式，每种样式又可设置Solid（实心）、Regular（常规）、Light（简约）、Thin（极细）等属性；
提示：实心、常规、简约、极细、图标是同一个图标，只是更换class样式即可，而品牌则是单独的图标和样式；
| 效果名称 | 效果代码 | 代码格式 | 效果展示 | 拷贝代码 |
|---|---|---|---|---|
| olid（实心） | <span class="fa">图标</span> | | ||
| Regular（常规） | <span class="far">图标</span> | | ||
| Light（简约） | <span class="fal">图标</span> | | ||
| Thin（极细） | <span class="fat">图标</span> | | ||
| Sharp（实心锋利） | <span class="fass">图标</span> | | ||
| Sharp（常规锋利） | <span class="fasr">图标</span> | | ||
| Sharp（简约锋利） | <span class="fasl">图标</span> | | ||
| Sharp（极细锋利） | <span class="fast">图标</span> | | ||
| Duotone （双色） | <span class="fad">图标</span> | | ||
| Brand（品牌） | <span class="fab">图标</span> 品牌为指定图标，无其他样式 | |
特殊效果，是在原有的字体样式上，增加一个特定的样式即可；
| 效果名称 | 效果代码 | 代码格式 | 效果展示 | 拷贝代码 |
|---|---|---|---|---|
| 心跳 | <span class="fa fa-beat">图标</span> | | ||
| 忽隐忽现 | <span class="fa fa-fade">图标</span> | | ||
| 心跳+忽隐忽现 | <span class="fa fa-beat-fade">图标</span> | | ||
| 弹跳 | <span class="fa fa-bounce">图标</span> | | ||
| 水平旋转 | <span class="fa fa-flip">图标</span> | | ||
| 旋转效果(快) | <span class="fa fa-pulse">图标</span> | | ||
| 旋转效果(慢) | <span class="fa fa-spin">图标</span> | | ||
| 抖动 | <span class="fa fa-shake">图标</span> | | ||
| 正常图标 | <span class="fa">图标</span> | | ||
| 旋转90度 | <span class="fa fa-rotate-90">图标</span> | | ||
| 旋转180度 | <span class="fa fa-rotate-180">图标</span> | | ||
| 旋转270度 | <span class="fa fa-rotate-270">图标</span> | | ||
| 水平镜像 | <span class="fa fa-flip-horizontal">图标</span> | | ||
| 垂直镜像 | <span class="fa fa-flip-vertical">图标</span> | | ||
| 水平垂直镜像 | <span class="fa fa-flip-both">图标</span>(类同旋转180度) | | ||
| .625em
em：是一个相对单位，它的值是相对于元素的字体大小
换算公式：【目标字体大小】 = 【原始字体大小】 * 【em值】 如：【原始大小：20px;】【font-size:1.5em;】 那么【目标字体大小】=【20px】*【1.5】= 30px |
<span class="fa fa-2xs">图标</span> | | ||
| .75em | <span class="fa fa-xs">图标</span> | | ||
| .875em | <span class="fa fa-sm">图标</span> | | ||
| 1em | <span class="fa fa-1x">图标</span> | |
提示后面还有： fa-2x、 fa-3x、 fa-4x、 fa-5x、 fa-6x、 fa-7x、 fa-8x、 fa-9x、 fa-10x、 这里就不一一列举出来，大家自行尝试一下；
A、Fontawesome包含的图标类型基本满足原型设计的需要，为了便于大家进行查找和使用其中的图标，我们将Fontawesome v4.7的600+款全部图标整理并在下面列了出来，强烈建议你将本页面添加到收藏夹中。
B、如果在设计中需要更多的图标，可以查看网站的图标推荐，建议配合使用阿里的IconFont图标库，它提供的图标数量达到了数百万，网址：http://www.iconfont.cn
阿里IconFont
FontAwesome官网
bootcdn样式库