最近使用VS2017建立MVC項目，項目默認(rèn)引用了bootstrap，結(jié)果調(diào)試的時候發(fā)現(xiàn)頁面顯示地巨慢，F12調(diào)出開發(fā)控制臺一看，坑了！！

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

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

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

3.在瀏覽器中請求這個url，獲得以下內(nèi)容

4.上述內(nèi)容全部復(fù)制，打開記事本粘貼，保存成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，大功告成，調(diào)試一下

這是原來的請求時長

這是現(xiàn)在的，頁面加載速度正常了。

希望能給剛?cè)胧謆ootstrap的.net開發(fā)人員一點幫助，網(wǎng)上有篇專家的文章寫的不夠仔細(xì)，我就按步驟詳細(xì)的寫了一下。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。