添加额外的glyphicons到bootstrap

Question

亲爱的设计师/开发人员

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

我可以将我的字体添加到我的CSS中并在HTML中使用它而不会出现任何问题，但我想将该字体用作额外的Glyphicons。

我该怎么做？

Answer 1

请参阅此网站，其中提供了引导程序的字体图标

Font-Awesome

在这里下载fontawesome fontawesome.io

将css文件链接添加到您的页面

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

使用font-awesome.css中提到的'fa-'

中提到的css类

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

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

Answer 2

使用font-Awsome的步骤

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>
   

这就是全部： - ）