html - 我可以在没有引导 css 的情况下使用 fontawesome 图标吗？

Question

我已将 fontawesome 图标下载到一个文件夹中，并将 CSS 下载到另一个文件夹中。我现在想尝试一下，但我目前得到：

"Error 503 Backend is unhealthy, Backend is unhealthy,Guru Meditation: XID: 1379938886 Varnish cache server"

当我转到 fontawesome 网站上的示例页面时。

有人可以给我一个非常简单的例子，说明如何在 DIV 中使用 SVG 字体图标。最简单的就好了，因为我可以弄清楚如何修改它。

另外我只想要最低限度，所以我可以在不添加 bootstrap.css 文件的情况下使用 SVG 吗？

score 9 · Accepted Answer

在http://fontawesome.io/get-started/ 有一个“不使用 Bootstrap？” 部分如何在没有 Bootstrap 的情况下使用它。

在这里： http: //fontawesome.io/examples/ 是如何使用它的示例。例如在一个 div 中：

<div><i class="icon-camera-retro"></i></div>

score 0 · Accepted Answer

在没有 Bootstrap 的情况下使用 Font Awesome 的最新方法是添加他们的“工具包代码”。

在http://fontawesome.io/get-started/登录或创建一个帐户以获取您的套件代码。一旦你得到它 - 只需将它添加到该<head>部分。套件代码如下所示 ->

<script src="https://kit.fontawesome.com/**********.js" crossorigin="anonymous"></script>

2 回答 2