Google 播放图标没有出现（fontawesome）

Question

我想用下载按钮添加 google 播放和苹果图标苹果图标工作正常，但 google 播放不显示，我不知道为什么

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<h1>Meet new and interesting dogs nearby.</h1>
<button type="button" class="btn btn-dark btn-lg"><i class="fa fa-apple"></i>Download</button>
<button type="button" class="btn btn-outline-light btn-lg"><i class="fab fa-google-play"></i>Download 2</button>

Answer 1

因为您使用的是 fontawsome 4.7.0 版，google 播放图标是 5.0.0 版。这是您必须改用的正确代码。

您还必须将苹果图标的 class 更改为 fab fa-apple 因为它适用于 fontawsome 的 5.8.0 版本。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<h1>Meet new and interesting dogs nearby.</h1>
<!-- <button type="button" class="btn btn-dark btn-lg"><i class="fa fa-apple"></i>Download</button> -->
<button type="button" class="btn btn-dark btn-lg"><i class="fab fa-apple"></i>Download</button>
<button type="button" class="btn btn-outline-light btn-lg"><i class="fab fa-google-play"></i>Download 2</button>

Answer 2

只需将 link 替换为以下内容：您的代码将正常工作。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

Google 播放图标没有出现（fontawesome）

Google play icon not appearing (fontawsome)

html

css

font-awesome