示例

使用代码

上面图标的第一行代码

1
2
3
4
5
6
7
8
9
10
<i class="far fa-calendar-alt faa-passing animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-wrench animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-spin animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-pulse animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-rising animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-horizontal animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-bounce animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-shake animated" aria-hidden="true" style="margin-right: 70px;"></i>
<i class="far fa-calendar-alt faa-flash animated" aria-hidden="true" style="margin-right: 70px;"></i>

其中style属性还可以设置图标大小和颜色

引入文件

在主题目录下的_config中引入以下代码

1
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/PaddyLin-xum/wenjian@master/css/fontanimation.css">