Font-Awesome 未显示在浏览器中

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

试试这个：这是你想要的吗？ 执行

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 个解决方案

解决方案1
0 2018-02-25 19:16:11

Font-Awesome 未显示在浏览器中

问题描述

1 个解决方案

解决方案1 0 2018-02-25 19:16:11

解决方案1
0 2018-02-25 19:16:11