真棒字体没有显示图标

新手上路,请多包涵

我正在使用 Font Awesome 并且不希望使用 HTTP 添加 CSS。我下载了 Font Awesome 并将其包含在我的代码中,但 Font Awesome 显示的是带边框的方形框而不是图标。这是我的代码:

 <html>
<head>
<link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
</head>
<body>
<div style="font-size: 44px;">
   <i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
</div>
</body>
</html>

我想知道如何使图标显示而不是带边框的方形框。

原文由 Ganesh H 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 817
1 个回答

就我而言,我在我的 CSS 代码中犯了以下错误。

 *{
    font-family: 'Open Sans', sans-serif !important;
}

这将覆盖整个页面的所有字体系列规则。我的解决方案是像这样将代码移动到 body 中。

 body{
    font-family: 'Open Sans', sans-serif;
}

注意:每当您在 css 中使用 !important 标志时,在同一元素上声明为相同类型的任何其他 css 规则都将被覆盖。

原文由 Daniel Barde 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏