2

如何下载不包括字形图标的引导程序？

我想使用 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 的堆栈溢出问题，但它建议使用外部链接，这对我不起作用。

4

3 回答 3

4

转到此处的 Boostrap 自定义部分，取消选中 Base CSS 中的“图标”，然后单击“自定义和下载”

于 2013-07-10T17:46:44.073 回答
1

虽然您可以并且应该使用 CDN 来交付Bootstrap和font-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 之外的脚本/编程语言来实现相同的结果。

开发应该是可移植的，有条件的资源加载提供了实现它的方法。

于 2013-07-11T00:48:43.523 回答
0

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

然后参考你想要使用的字体格式的 font-awesome css 文件，你就可以开始了。

于 2013-07-10T17:41:01.393 回答