<!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
原文：http://www.cnblogs.com/mymission/p/5760275.html