zoukankan      html  css  js  c++  java
  • 使用Bootstrap.css 中IE下页面加载过慢问题

     问题描述: Web中引入bootstrap.css中头部有访问Google服务器的请求 @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");

         国内访问不稳定,页面反应慢

    image

    解决:将请求结果保存下来,放到本地,重新声明请求

    1.请求http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700 ;得到css样式如下

    image

    将途中 URL 请求的四个文件重新请求下来,放到本地

    image

    URL 修改成文件中的位置

    @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');}@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');}

        内容根据使用的bootstarp版本的不同,显示的内容不同,不过解决方案大同小异,将从谷歌服务器请求字体的环节放在本机服务器中, 可大大缓解页面加载速度。
  • 相关阅读:
    嵌入式系统引导和启动的流程
    microblaze以太网程序
    机试题
    共模差分 对比
    xilinx XPS无法启动的问题
    FPGA开发流程
    Mel-Frequency-Warping
    微软-黄学东-清华大学FIT楼报告-20170407
    Matlab
    Anaconda安装
  • 原文地址:https://www.cnblogs.com/ljh1993/p/4910577.html
Copyright © 2011-2022 走看看