为什么完整的字形图标集不能与 Bootstrap 3 一起使用？答案

【问题标题】：Why doesn't the full-glyphicons set work with Bootstrap 3?为什么完整的字形图标集不能与 Bootstrap 3 一起使用？
【发布时间】：2015-08-18 15:28:19
【问题描述】：

我需要在我的 Bootstrap 3 项目中使用 Skype 字形图标。

我在 github 上找到了这个不错的 repo： https://github.com/ericzhang-cn/full-glyphicons

我将两张图片复制到 img 文件夹中，导入 CSS 文件 glyphicons.css 并尝试使用 github 中解释的图标：

<i class="icon-g-skype"></i> Address roma

但是不工作。有没有其他人有这个问题？谢谢！

【问题讨论】：

【解决方案1】：

在 Twitter Bootstrap 3 中，图标类被替换为 glyphicon。

所以你可以像<span class="glyphicon glyphicon-align-justify"></span>一样使用。

【讨论】：

【解决方案2】：

您可以通过 CDN 在您的 HEAD 中包含 Font-Awesome：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

（检查Font-Awesome 以获取最新的 URL，以防它变得过时。）

然后你想要 Skype 图标的位置：

<span class="fa fa-skype"></span>

【讨论】：

在 bootstrapcdn 上也提供了 CSS 文件的缩小版本 - //maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css