Css Twitter引导-使用图标
我正在使用Twitter引导,并且在显示图标时遇到问题。我试图在这里重新创建一个示例: 这是我的密码:Css Twitter引导-使用图标,css,html,twitter-bootstrap,font-awesome,Css,Html,Twitter Bootstrap,Font Awesome,我正在使用Twitter引导,并且在显示图标时遇到问题。我试图在这里重新创建一个示例: 这是我的密码: <head> <meta charset="utf-8"/> <script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="assets/js/
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
</head>
<div class="control-group">
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
</div>
图标相机复古
图标相机复古
图标相机复古
图标相机复古
图标根本不会出现;我需要链接到任何图标图像文件或类似文件吗?我在Firefox中进行测试,但是字体很棒的示例站点确实加载正确,所以我很确定浏览器的选择不是问题。任何帮助都将不胜感激 您是否安装了Firebug?您应该在Net选项卡中检查404错误,根据您的描述,我猜您没有将服务器中的字体文件放置在正确的位置 如果查看的前几行,您将看到以下定义:
@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=3.0.1');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded- opentype'),
url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
确保将CSS()中引用的文件下载到您的服务器,并将其放置在资产/font下,确保将“font”文件夹复制到“资产”文件夹中 Font Awesome覆盖使用。/img/glyphicons halflings.png
[class^="icon-"], [class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
它需要字体文件来呈现页面上的图标;) 确保font-awome.min.css中字体文件的路径适合您的设置。是否更改了字体文件夹路径?如果你这样做了,你应该更新你的字体css文件,除非有特定的原因,你在文件中使用相对URL坚持“绝对”-这样,无论你从哪里调用它们,它们都会被找到,例如:
/assets/css/bootstrap.min.css