Bootstrap第一坑，.net MVC项目中bootstrap引用Roboto字体，fonts.gstatic.com字体下载过慢导致页面巨卡问题

最近使用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字体下载过慢导致页面巨卡问题相关推荐

转 mvc项目中,解决引用jquery文件后智能提示失效的办法
mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常会引 ...
MVC项目中用户权限的限制
MVC项目中用户权限的限制开发工具与关键技术: MVC 作者:姚智颖撰写时间:2020/08/16 注释:下面以机订票系统中角色维护功能为例,设置其中不同级别的用户在整个系统中一些功能的访问权限. ...
spring mvc项目中利用freemarker生成自定义标签
2019独角兽企业重金招聘Python工程师标准>>> spring mvc项目中利用freemarker生成自定义标签博客分类: java spring mvc +freemar ...
ajax调用fastreport,使用Ajax更新ASP.Net MVC项目中的报表对象
Ajax技术显著加快了Web应用程序的速度.另外,视觉效果方面也有提升.大家都同意,每次点击按钮时整个页面都会被刷新这一点不太友好.如果你的网速不是很快,那么这个过程会很烦人,因为所有的元素都会先消失 ...
在已有的Asp.net MVC项目中引入Taurus.MVC
Taurus.MVC是一个优秀的框架,如果要应用到已有的Asp.net MVC项目中,需要修改一下. 1.前提约定: 走Taurus.MVC必须指定后缀.如.api 2.原项目修改如下: web.co ...
MVC项目中数据的分离
MVC项目中数据的分离注释:下面以飞机电子客票系统中PNR查询功能为例,对未出票的PNR进行数据分离. 1.在进行旅客信息分离前要进行旅客PNR查询,查询该PNR中有多少个旅客,因为前面已经查询出了 ...
谈谈MVC项目中的缓存功能设计的相关问题
今天这一篇文章我来谈一谈在MVC 3项目中的缓存功能,以及针对缓存的一些设计上的考量,给大家参考参考前言为什么需要讨论缓存?缓存是一个中大型系统所必须考虑的问题.为了避免每次请求都去访问后台的资源 ...
jNs 在 ASP.NET MVC 项目中的应用
最近做项目用到 ASP.NET Web Optimizatoin Framework,发现 Sea.js 的依赖加载在 Release 版本下不能很好的工作了--因为 Web.Optimizatoin ...
spring MVC项目中，欢迎页首页根路径
参考:http://iammr.7.blog.163.com/blog/static/49102699201222643458216 0. 问题: 如何改mvc中项目的欢迎页,或者叫做根路径一个东西 ...
如何在Spring和Spring MVC项目中进行测试
Spring框架概述 Spring大约包含了20个模块,这些模块组成了核心容器(Core Container).数据访问/集成(Data Access/Integration).Web.AOP(面向切 ...

Bootstrap第一坑，.net MVC项目中bootstrap引用Roboto字体，fonts.gstatic.com字体下载过慢导致页面巨卡问题

Bootstrap第一坑，.net MVC项目中bootstrap引用Roboto字体，fonts.gstatic.com字体下载过慢导致页面巨卡问题相关推荐

最新文章

热门文章