Question

所以这是一个简单的问题，我只想让我的fa出现..我已经上传了FA CSS，它在head标签中，所以我不知道缺少什么

这是代码：

#draginfo {
    position:fixed;
    bottom:70px;
    right:193px;
    width:15px;
    height:15px;
    background-size:auto;
    background:#BDBDBD;
    border-radius: 2px 2px 0 0;
}

#draginfo i{
display:inline-block;
margin-top:0;
margin-left:-3px;
height:10px;
width:10px;
padding:10px;
color:#fff;
text-transform:uppercase;
font-size:15px;
line-height:30px;
}

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
<div id="draginfo">
<i class="fa fa-info" aria-hidden="true"></i></div>
</body>

我做错了什么？谢谢！

Answer 1

在＆＃34; color＆＃34;之后你想念; - color:#fff

在＆＃34; class＆＃34;之后

和= - class"fa fa-info"

并为FA样式设置错误的cdn。对于前使用https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Answer 2

您已将颜色设置为白色并将其放在白色背景上见下文：

#draginfo {
  position: fixed;
  bottom: 70px;
  right: 193px;
  width: 15px;
  height: 15px;
  background-size: auto;
  background: #BDBDBD;
  border-radius: 2px 2px 0 0;
  text-align: center;
}
#draginfo i {
  display: inline-block;
  margin-top: 0;
  margin-left: -3px;
  height: 10px;
  width: 10px;
  padding: 10px;
  color: red;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 30px;
}

<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body>
    <div id="draginfo">
      <i class="fa fa-info" aria-hidden="true"></i>
    </div>
  </body>
</html>

此代码与您的代码完全相同，只是将color更改为红色。

无法让Font Awesome显示出来

2 个答案: