font-awesome用法

1. font-awesome的引用（在官网下载）
   CSS — 字体的引入,图标基础样式,大小等
   fonts — CSS需要引用字体文件夹,本地用户需要安装内部的 fontawesome-webfont.ttf(CSS引入字体)
2. 基础样式用法

<i class="fa fa-weixin"></i>微信

1. 设置大小

<i class="fa fa-weixin fa-lg"></i>微信lg
<i class="fa fa-weixin fa-3x"></i>微信3x

 fa-lg比常规图标大33%,而2X~5x都是常规图标大小的倍数

2. 固定大小： fa-fw用来固定大小
3. 图标边框： fa-border 可以给图标加一个边框
   pull-right和pull-left可以控制图标位置
4. 图标动画：

<i class="fa fa-spin   fa-arrow-right"></i> fa-arrow-right-匀速旋转,2s一圈
<i class="fa fa-spin fa-spinner fa-pulse"></i>fa-spinner--一圈分为八次转完,时间1S

spin的速度是linear(匀速),一圈2s
    pulse分为八步,一圈时间1S

5. 图标旋转
   fa-rotate-度数:来控制旋转的度数
   fa-flip-horizontal:水平(90%)
   fa-flip-vertical:垂直(180%)
6. 重叠图标:合并图形

 <span class="fa-stack">
           <i class="fa fa-stack-2x  fa-bookmark-o"></i>
           <i class="fa fa-stack-1x  fa-child"></i>
         </span>随便找的两个图标合成