2014-11-21 66 views
2

我工作的引導模板我的本地開發服務器上..模板通過CDN加載一些資源..本地保存CDN CSS資源的最簡單方法是什麼?

<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" /> 

問題是這樣的減慢我失望,因爲每次我打刷新去檢查我的變化頁面(本地主機)的事情必須一次又一次地在線加載資源..

所以我試圖通過鏈接打開資源並在本地保存em。但是這打破了,因爲我猜想有比CSS代碼更多的東西。

有沒有簡單的方法來「定位」這些東西?

謝謝你們

回答

-2
+0

的解釋我想已經,但它不工作,我得到的錯誤與遺漏圖標和東西。或者我做錯了什麼? – BrownChiLD 2014-11-21 06:45:09

+0

http://getbootstrap.com/getting-started/ – khan 2014-11-21 06:55:17

1

要前言這個答案,我不知道,這個解決方案被認爲是 '容易',但它會讓您能夠在本地託管而不依賴CDN。簡單的解決方案是使用CDN。這就是說:

bootstrap.min.css文件很容易本地化,你可以去getbootstrap.com並從下載Bootstrap選項。

本地化字體真棒是一個更多的工作。在這裏,您需要將整個font-awesome目錄複製到您的項目中。你可以從這個URL下載它:http://fortawesome.github.io/Font-Awesome/。你最終會得到一個名爲font-awesome-4.2.0的目錄文件夾,它將包含一系列的子文件夾:css,fonts,less和scss。您還需要在HTML的頭部調用本地的font-awesome.min.css文件。有關在本地設置Font Awesome的更多信息,請參閱以下GitHub鏈接:http://fortawesome.github.io/Font-Awesome/get-started/

Ionicons與Font Awesome設置類似。從以下Ionicons網頁中,您需要下載目錄並將其包含在您的項目中:http://ionicons.com/。安裝目錄後,您需要在HTML的頭部調用本地ionicons.min.css文件。

2

這是我跟着使用本地CDN CSS資源的步驟:

  1. 下載,然後從here
  2. 複製提取相應的字體包ionicons.css到項目
  3. 複製字體文件夾到您的項目
  4. 確保在內的字體網址ionicons.css正確引用項目中的字體路徑。
  5. 包含您需要使用它的每個網頁中對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.woff 
+0

謝謝。這在我的地方完美。 – ARTniyet 2015-07-06 08:15:35

相關問題