在本地保存CDN CSS资源的最简单方法？
我正在我的开发服务器上本地处理一个引导程序模板。模板通过CDN加载部分资源。
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--font-awesome-->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="//code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css" rel="stylesheet" type="text/css" />问题是这会减慢我的速度，因为每次我点击刷新来检查我的页面(localhost)上的更改时，这个该死的东西不得不一次又一次地在线加载资源。
因此，我尝试通过链接打开资源并将其保存到本地。但这是错误的，因为我猜除了CSS代码之外，还有更多的东西。
有没有一种简单的方法来“本地化”这些东西？
谢谢你们
回答 4
Stack Overflow用户
发布于 2015-04-22 00:13:34
以下是我在本地使用CDN CSS资源的步骤：
ionicons.css将字体包从 ionicons.css 下载并解压缩到您的项目
- 将 fonts 文件夹复制到您的项目ionicons.css中的字体urls正确引用project.
- Include中的字体路径从您需要使用的每个网页中引用ionicons.css文件。
在我的例子中，我在main.html中包含了以下内容
<link href="css/ionicons.css" rel="stylesheet" type="text/css" />然后，只需将图标和图标的类名添加到HTML元素。
<i class="icon ion-home"></i>和文件夹是这样的：
- project_name
* css --> ionicons.css
* fonts --> ionicons.eot, ionicons.svg, ionicons.ttf, ionicons.woffStack Overflow用户
发布于 2014-11-22 03:21:43
在回答这个问题之前，我不确定这个解决方案是否“简单”，但它将使您能够在本地托管，而不是依赖CDN。简单的解决方案是使用CDN。这就是说：
bootstrap.min.css文件很容易本地化，您可以转到getbootstrap.com并从下载引导程序选项中获取它。
本地化字体令人敬畏的需要做更多的工作。在这里，您需要将整个font- need目录复制到您的项目中。你可以从这个网址下载：http://fortawesome.github.io/Font-Awesome/。您最终将得到一个名为font- and 4.2.0的目录文件夹，其中将包含一系列的子文件夹: css、fonts、less和scss。您还需要在HTML的head部分调用本地font-awesome.min.css文件。有关在本地设置Font Awesome的更多信息，请参见以下GitHub链接：http://fortawesome.github.io/Font-Awesome/get-started/
Ionicons类似于字体强大的设置。从下面的Ionicons网页，您需要下载该目录并将其包含在您的项目中：http://ionicons.com/。在设置目录之后，您将需要在HTML头部分调用本地ionicons.min.css文件。
Stack Overflow用户
发布于 2018-11-02 23:36:13
老问题，但我认为现在有一个简单的解决方案:您可以使用npm install ionicons安装节点包
https://stackoverflow.com/questions/27055003
复制相似问题
腾讯云开发者
