Question

我的网站显示一个图标但不显示另外两个图标，代码相同但未显示这是css位

这是非工作部分的代码

  <li><a href="https://www.twitter.com/" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-twitter"> </i><span class="network-name">Twitter</span></a></li>
  <li><a href="/" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-github-alt"></i> <span class="network-name">Github</span></a></li>

这是有效位的代码

<i class="fa fa-angle-double-down animated" style="color: #DC09BD"></i>

但是，如果我改变推特，说出它显示的工作。

css显示.fa-twitter

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

有想法的人吗？

我也禁用了广告拦截

由于

Answer 1

试试这个：这是你想要的吗？ Execution

<强> HTML：

<html>
   <head>

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

</head>
   <body>

<li><a href="https://www.twitter.com/" class="btn btn-default btn-lg" targ="_blank">
<i class="fab fa-twitter"> </i>
<span class="network-name">Twitter</span>
</a></li>
  <li><a href="/" class="btn btn-default btn-lg" target="_blank"><i class="fab fa-github-alt"></i> <span class="network-name">Github</span></a></li>
  <i class="fa fa-angle-double-down animated" style="color: #DC09BD"></i>
  </body>
</html>

<强> CSS：

 .fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

如果这是您想要的，那么您加载了错误的类名。例如：它不是<i class="fa fa-twitter">，它是<i class="fab fa-twitter">

Font-Awesome没有在浏览器中显示

1 个答案: