font-awesome图标介绍：
- font-awesome最早是为Bootstrap设计的，之后适用于所有框架，而TERSUS最常用的新移动应用模板本身就预放了一套完整的Bootstrap样式文件，font-awesome可以直接接入TERSUS项目
- Font Awesome 字体提供了可缩放矢量图标，它可以被定制大小、颜色、阴影以及任何可以用CSS的样式
- Font Awesome 提供的图标相当丰富，4.7.0版本有675个图标可供免费使用，新版付费版有1600多图标
- 图标在线参考1：http://www.fontawesome.com.cn/faicons/
- 图标在线参考2：https://fontawesome.dashgame.com/
集成方式—-使用默认CSS：
如果使用了默认的Bootstrap CSS样式，那么可以使用以下两步，添加默认CSS的方式来引入默认的Font Awesome CSS样式
1. 添加资源文件
下载font-awesome，复制整个 font-awesome 文件夹到您的项目中（也可以只放下图中这两个文件夹）
2. 引入项目页面
在HTML的 中引用font-awesome.min.css。
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
2.1. 从其他项目如第三方功能或插件一章中的案例项目、或是免费框架项目中，复制导入自定义系统页面页头信息的
2.2 在
图标定义方式：
定义图标：
可以将Font Awesome图标使用在几乎任何地方，只需要使用CSS前缀 fa ，再加上图标名称
放大图标1：
直接在样式属性中定义font-size标签，如：font-size:18px;
放大图标2：
使用 fa-lg (33%递增)、fa-2x、 fa-3x、fa-4x，或者 fa-5x 类来放大图标
固定宽度：
使用 fa-fw 可以将图标设置为一个固定宽度。主要用于不同宽度图标无法对齐的情况。 尤其在列表或导航时起到重要作用
动态图标：
样式类中加 fa-spin 即可让图标进行连续旋转
样式类中加 fa-puls 即可让图标进行旋转，以8步为一个周期在旋转，既每转45度停一小下，显得不那么流畅
其他定义：
可以用CSS样式标签定义颜色，阴影等任何效果，为字体对象可以设定的CSS样式，都可以用到这类图标之上
使用案例：
定义图标：
- 一般需先为图标放一个显示载体对象，比如任意显示（HTML Tag）元件
- 然后样式类中定义图标的样式类，注意需放“fa”这个样式类名称、所有图标名称前需加“fa-”
- 可以同时用样式属性进行图标大小、颜色的定义
显示效果：
案例文件下载:
此案例放于免费成熟框架中，可以下载参考或直接使用，后续免费成熟框架将会一直集成font-awesome图标
免费框架的使用请另外参考“无代码图形化编程视频手册”的“成熟项目框架”
若有收获，就点个赞吧
0 人点赞
