在Bootstrap中添加额外的图标字体

Question

亲爱的设计师/开发者

我为我的Bootstrap网站创建了8个额外的字形图标。将它们上传到icomoon并下载为字体，这一切都完美无误。

我能够将我的字体添加到CSS中，并在HTML中使用，没有任何问题，但我想将字体用作额外的Glyphicons。

我该如何做呢？

- Kevin Boonekamp

Answer 1

请参考此网站，该网站提供了适用于Bootstrap的字体图标。

Font-Awesome

在fontawesome.io下载Fontawesome。

将CSS文件链接添加到您的页面中。

 <link href='/path/to/font-awesome.css' rel='stylesheet'/>

使用在font-awesome.css中以'fa-'开头的CSS类。

例如：<i class="fa fa-desktop"></i>

请将css和fonts文件夹复制到同一个文件夹中。

- G Ravinder

---

谢谢提供链接，我听说过Fontawesome，但在他们的网站上找不到任何信息，你能更具体地说明一下吗？ - Kevin Boonekamp

Answer 2

使用 Font-Awesome 的步骤

1. 下载Font-Awsome
2. 解压.zip文件
3. 解压后，您将获得一个名为font-awesome-4.5.0的文件夹
4. 通过拖放将此文件夹添加到您的内容或引导程序文件夹中

5. 在您的网页中添加font-awesome.css文件作为参考

   <link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" />
   

6. 按照@G Ravinder所说的方法获取图标，即

   <i class="fa fa-desktop"></i>
   <span class="fa fa-desktop"></span>
   

就这些了 :-)

- WasiF