内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用
正在尝试原型一个营销页面,使用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>