字体太棒了,图标显示为正方形

问题描述

根据文档(第3步),您需要修改提供的CSS文件以指向站点上的字体位置。

解决方法

因此,我正在尝试制作营销页面的原型,并使用Bootstrap和新的Font
Awesome文件。问题是,当我尝试使用图标时,页面上呈现的所有内容都是一个大方块。

这是我将文件包括在头中的方式:

<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>

但是所有这些都呈现在一个大方块中。有人知道会发生什么吗?