安装Fontawesome4字体图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装Fontawesome4字体图标相关的知识,希望对你有一定的参考价值。

字体下载地址:
链接: https://pan.baidu.com/s/1zOQ4xZ6lrDE7SWroQisQuQ 密码: a78p

元件库下载地址:
链接: https://pan.baidu.com/s/18LSKNnvBtRUpVjaeFGt2fg 密码: tqwj

1.下载字体并解压后
技术分享图片

2.进入fonts目录,进行安装,双击如下两个文件进行安装
技术分享图片

3.安装界面如下
技术分享图片

4.安装完成后,重启Axure后,就可以查看到Fontawesome字体
技术分享图片

5.由于这个字体库我们是安装在本地的,在完成原型后我们需要告知浏览器我们使用了特殊的字体,所以需要加载特殊的样式文件,下面我们来配置样式文件
技术分享图片

技术分享图片

6.下载元件库并解压,把文件名修改为不带汉字的
技术分享图片

7.加载元件库
技术分享图片

8.加载完成后,在Axure中就可以看到
技术分享图片

9.最后就可以直接使用
技术分享图片

以上是关于安装Fontawesome4字体图标的主要内容,如果未能解决你的问题,请参考以下文章

fontawesome 图标怎么安装

VSCode 使用教程-3.设置主题文件图标与字体大小

Font Awesome 4.0 的 CDN 不提供字体文件

web字体图标

如何在Axure中使用FontAwesome字体图标

Laravel 7 不显示真棒字体图标