如何在Markdown中使用Fontawesome图标？（将上传到GitHub的Readme文件）

Question

我想在自己的 readme 中加入一些 fontawesome 图标，以解释它们在我的网站中的含义，但 markdown 不允许使用 css，那么有没有办法克服这个问题呢？

下面是我找到的 图标

这是 html 代码 <i class="fas fa-crown"></i>

这是样式表链接 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">

- Tony

Answer 1

简单来说，你做不到！

---

你可以下载你想要的图片并将其包含在文中，例如：{{example}}。这样做可以使内容更加生动形象。

![fa-crown](fa-crown.svg)

或者

<img src="fa-crown.svg" width="50" height="50">

如果您想了解更多：GitHub Flavored Markdown规范

---

更新

您还可以使用托管在FontAwesome GitHub仓库上的FontAwesome图像。因此，您可以像这样使用它：

<img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/6.x/svgs/solid/crown.svg" width="50" height="50">

你将会看到这个：

- Abraham

---

谢谢，我不知道你可以下载它，所以我回去看了一下，发现你可以。 - Tony

感谢您的回答@abrahamcalf...您知道如何在这种情况下指定图标颜色吗？ - abu

@abu 你不能轻易地更改颜色，但是你可以下载SVG图像并进行编辑。我已经创建了一个gist来演示它 https://gist.github.com/abrahamcalf/bbd45c6a6e55dad4100512754454555b - Abraham