如何下载不包括glyphicons的twitter bootstrap使用font-awesome

时间:2013-07-10 17:32:58

标签: twitter-bootstrap font-awesome

如何下​​载不包括glyphicons的bootstrap?

我想使用font-awesome,我想从我网站上的目录内部调用它。目前,我只找到了如何拨打外部链接,但我并不总是可以访问互联网,如果我的网络连接关闭,我无法在我的本地主机上进行测试。

我目前这样做:

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

我已经查看了有关bootstrap和font-awesome的堆栈溢出问题,但它建议使用外部链接,这对我来说无效。

3 个答案:

答案 0 :(得分:4)

转到Bootstrap Customize部分here,取消选中Base CSS中的“Icons”并单击“Customize and Download”

答案 1 :(得分:1)

虽然您可以而且应该使用CDN来传递Bootstrapfont-awesome,但您也可以通过将http:附加到您引用的链接来直接下载它们bootstrapcdn.com

默认情况下在本地存储文件

在您的情况下,访问以下URL将允许您在本地下载/存储它们(取决于您的操作系统,下载方法和bootstrap / font-awesome所需的版本):

http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

然后您可以将它们存储在本地目录中(在需要的地方重命名):

<link href="/path/to/assets/bootstrap-2.3.2.css" rel="stylesheet">
<link href="/path/to/assets/font-awesome-3.2.1.css" rel="stylesheet">


有条件资源加载

鉴于您希望能够在本地以及临时/生产环境中进行开发,有许多JS库可以让您系统地检查是否有外部资源可用如果没有,则默认为本地版本。

例如,您可以通过以下方式使用yepnopejs(无关联)等库:

yepnope([{
  load: 'http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css',
  complete: function () {
    if (!window.jQuery) {
      yepnope('path/to/css/font-awesome-3.2.1.css');
    }
  }
}]);

还有其他类似的库,但yepnopejs效果特别好。您可以编写自己的JS加载器,也可以使用除Javascript之外的脚本/编程语言来实现相同的结果。

开发应该可移植,并且条件资源加载提供了一种实现它的方法。

答案 2 :(得分:0)

您可以删除默认的引导程序图标并下载字体很棒的资源,并将它们包含在引导程序项目文件夹中。

然后引用你想要使用的字体格式的font-awesome css文件,你就可以了。