所以我正在尝试一个营销页面的原型，我正在使用Bootstrap和新的字体Awesome文件。问题是，当我尝试使用图标时，页面上呈现的只是一个大正方形。
下面是我将文件包含在Head中的方式：
<head>
<title>Page Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/app.css">
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->
</head>
下面是我尝试使用图标的一个例子：
<i class="icon-camera-retro"></i>
但所有这些都是在一个大方块里呈现出来的。有人知道会发生什么吗？
根据文档（步骤3)，您需要修改提供的CSS文件以指向您站点上的字体位置。
