<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体图标</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="FontAwesome/css/font-awesome.min.css">
</head>
<style>
.icon-camera-retro{
color: #485321;
}
</style>
<body>
<h1><i class="icon-twitter"></i></h1>
<i class="icon-camera-retro"></i>
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x icon-spin" ></i> icon-camera-retro</p>
<i class="icon-spinner icon-large icon-spin icon-4x"></i>
<i class="icon-fighter-jet icon-large icon-spin icon-4x"></i>
<!--http://www.bootcss.com/p/font-awesome/-->
</body>
</html>
font-awesome.min.css