字体不起作用,图标显示成方块?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (116)

正在尝试原型一个营销页面,使用Bootstrap和新的字体,了不起的文件。问题是,当尝试使用一个图标时,页面上呈现的所有内容都是一个大方块。

<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>
提问于
用户回答回答于
用户回答回答于

必须有两个类,fa类和标识所需图标的类。fa-twitter,,,fa-search等…

<!-- Wrong -->
<i class="fa-search"></i>    

<!-- Correct -->
<i class="fa fa-search"></i>

扫码关注云+社区