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

Font Awesome 5 - why aren't icons like bitcoin, facebook, twitter showing?

只有我不能在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>

<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>

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

您还需要使用 fab 而不是 fahttps://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>

您还需要使用 font-awesome 5.0.8 中的 brands.css 样式表。此外,您需要确保您的 class 名称是最新的。试试下面的代码片段:

<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">

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