引入字体图标

1、进入官网http://www.fontawesome.com.cn/   下载图标库

2、解压引入font-awesome.min，因引入路径是在font文件夹下，所以必须保留font文件夹

<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>

3、使用<i> 标签把 Font Awesome 图标放在任意位置

<i class="fa fa-bed f50" aria-hidden="true"></i> <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-apple" aria-hidden="true"></i> <i class="fa fa-tv" aria-hidden="true"></i> </body> <i class="fa fa-calendar" aria-hidden="true"></i> <i class="fa fa-address-book" aria-hidden="true"></i> <i class="fa fa-weixin" aria-hidden="true"></i>

代码演示：