字体不起作用,图标显示为正方形

问题描述

根据文档(第 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>

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