我正在使用 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 许可协议
就我而言,我在我的 CSS 代码中犯了以下错误。
这将覆盖整个页面的所有字体系列规则。我的解决方案是像这样将代码移动到 body 中。
注意:每当您在 css 中使用
!important
标志时,在同一元素上声明为相同类型的任何其他 css 规则都将被覆盖。