最近使用VS2017建立MVC項目，項目默認引用了bootstrap，結果調試的時候發現頁面顯示地巨慢，F12調出開發控制臺一看，坑了！！

這NM是要慢死的節奏，于是乎立即著手將字體文件本地化工作，下面說下詳細步驟

1.找到項目中的Content文件夾中的bootstrap.css文件

2.打開并找到最上面@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");一行

3.在瀏覽器中請求這個url，獲得以下內容

4.上述內容全部復制，打開記事本粘貼，保存成gstatic.css文件，并將gstatic.css文件放入項目中Content文件夾下（與bootstrap.css位于同一目錄）

5.打開gstatic.css文件，在瀏覽器中請求鏈接，下載所有woff2文件

下載后

6.文件全部下載完畢，將所有.woff2文件放入名為gstatic文件夾，并置于項目中fonts文件夾下面

7.修改bootstrap.css文件中的@import，修改為指向本地gstatic.css文件，即將原來的?https://fonts.googleapis.com/css?替換為 ../Content/gstatic.css

8.修改gstatic.css文件，將里面所有的字體引用url替換為本地字體文件夾gstatic路徑，如圖

替換前：

替換后：

gstatic.css中其他所有鏈接類似處理。

9.OK，大功告成，調試一下

這是原來的請求時長

這是現在的，頁面加載速度正常了。

希望能給剛入手bootstrap的.net開發人員一點幫助，網上有篇專家的文章寫的不夠仔細，我就按步驟詳細的寫了一下。

總結

以上是生活随笔為你收集整理的Bootstrap第一坑，.net MVC项目中bootstrap引用Roboto字体，fonts.gstatic.com字体下载过慢导致页面巨卡问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。