admin管理员组文章数量:1594755
最近使用VS2017建立MVC项目,项目默认引用了bootstrap,结果调试的时候发现页面显示地巨慢,F12调出开发控制台一看,坑了!!
这NM是要慢死的节奏,于是乎立即着手将字体文件本地化工作,下面说下详细步骤
1.找到项目中的Content文件夹中的bootstrap.css文件
2.打开并找到最上面@import url("https://fonts.googleapis/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/css 替换为 ../Content/gstatic.css
8.修改gstatic.css文件,将里面所有的字体引用url替换为本地字体文件夹gstatic路径,如图
替换前:
替换后:
gstatic.css中其他所有链接类似处理。
9.OK,大功告成,调试一下
这是原来的请求时长
这是现在的,页面加载速度正常了。
希望能给刚入手bootstrap的开发人员一点帮助,网上有篇专家的文章写的不够仔细,我就按步骤详细的写了一下。
版权声明:本文标题:Bootstrap第一坑,.net MVC项目中bootstrap引用Roboto字体,fonts.gstatic.com字体下载过慢导致页面巨卡问题 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1728200830a1149352.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论