css - Font Awesome 5 - 为什么不显示比特币、facebook、twitter 等图标？

Question

只有我不能在 5.0.8 版本中呈现比特币和 facebook 图标吗？

<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css">
<i class="fa fa-btc"></i>
<i class="fa fa-bitcoin"></i>
<i class="fa fa-facebook"></i>
<i class="fa fa-facebook-f"></i>

Answer 1

您还需要使用brands.cssfont-awesome 5.0.8 中的样式表。此外，您需要确保您的类名是最新的。试试下面的片段：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css" integrity="sha384-IiIL1/ODJBRTrDTFk/pW8j0DUI5/z9m1KYsTm/RjZTNV8RHLGZXkUDwgRRbbQ+Jh" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">

<i class="fab fa-btc"></i>
<i class="fab fa-bitcoin"></i>

或者，您可以只使用all.css样式表来包含所有样式

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">

Answer 2

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
<i class="fab fa-btc"></i>
<i class="fab fa-bitcoin"></i>

Answer 3

您需要加载所有图标类型，因为比特币属于品牌图标。正如您在下面看到的，您可以选择要加载的图标包：https ://fontawesome.com/get-started/web-fonts-with-css

您还需要使用fabnot fa。https://fontawesome.com/how-to-use/web-fonts-with-css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" >
<i class="fab fa-btc"></i>
<i class="fab fa-bitcoin"></i>
<i class="fab fa-facebook"></i>
<i class="fab fa-facebook-f"></i>

Answer 4

这可以在不到 2 分钟的时间内解决所有 fontawesome 字体类型的问题。用 /font-awesome/5.13.0/css/all.min.css 和 font-awesome/5.13.0/js/fontawesome 简单地替换 /font-awesome/5.13.0/css/fontawesome.min.css。 min.js 和 /font-awesome/5.13.0/js/all.min.js 可以解决这个问题。https://youtu.be/_GV_pEmLCLU