示例 1 : 一个字体图标
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk"></span>
示例 2 : 字体图标设置颜色
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk text-success"></span>
示例 3 : 字体图标上加超链
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<a href="#nowhere">
<span class="glyphicon glyphicon-asterisk"></span> 连接
</a>
示例 4 : 在button上使用字体图标
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<button class="btn btn-primary btn-xs">
<span class="glyphicon glyphicon-asterisk"></span> 最小按钮
</button>
<button class="btn btn-primary btn">
<span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>
示例 5 : 所有的字体图标