在 Font Awesome 5.0.8 及更高版本中,某些图标,例如比特币、facebook和 twitter,由于类命名和样式表使用的更改,可能无法正确呈现。
从 Font Awesome 5.x 开始,品牌图标(例如 Facebook、Twitter)的类名称从“fa”更改为“fab”。这意味着您需要更新代码以使用这些新的类名称,例如:
<i class="fab fa-btc"></i> // Bitcoin icon <i class="fab fa-facebook-f"></i> // Facebook icon
此外,在 Font Awesome 5.0.8 及更高版本中,您必须同时使用“fontawesome.css”和“brands.css”样式表。 “brands.css”样式表包含呈现品牌图标(例如比特币、Facebook)的规则。
要解决此问题,请确保您在 HTML 代码中引用了两个样式表:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
通过更新类名称并包含“brands.css”样式表,您可以确保比特币、facebook 和 twitter 等图标在 Font Awesome 中正确呈现5.
以上是为什么我的 Font Awesome 5 比特币、Facebook 和 Twitter 图标丢失了?的详细内容。更多信息请关注PHP中文网其他相关文章!