所以我正在尝试制作一个营销页面的原型,我正在使用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>
但所有这些都会在一个大的正方形中渲染。有人知道这是怎么回事吗?
发布于 2013-01-17 03:29:50
根据documentation (步骤3),您需要修改提供的CSS文件以指向您站点上的字体位置。
发布于 2014-02-17 04:19:02
您必须有两个类:fa
类和标识所需图标fa-twitter
、fa-search
等…的类
<!-- Wrong -->
<i class="fa-search"></i>
<!-- Correct -->
<i class="fa fa-search"></i>
发布于 2014-09-17 17:21:36
使用这个
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
我在使用Amazon Cloudfront CDN时也遇到过类似的问题,但在我开始从maxcdn加载后,问题得到了解决
https://stackoverflow.com/questions/14366158
复制相似问题