解决页面中引用了谷歌字体库访问缓慢的问题

2023-11-11

解决页面中引用了谷歌字体库访问缓慢的问题

这段时间做一个项目的时候遇到了页面访问谷歌字体库加载缓慢的问题。因为引用了别人的页面模板,其中需要使用到谷歌字体也就是:

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">

但是为了开发和调试的方便,设置了浏览器禁止缓存,每次刷新页面非常缓慢,从chrome的F12调试模式中可以看到:
访问时间
这里可以看到谷歌字体的加载时间达到了21s多,主要原因还是因为服务器访问速度的问题。
一开始看网上的帖子说可以把链接指向360的公共库,即改成如下:

<link href="http://fonts.useso.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">

但是发现根本无法访问,原因是360的公共库已经迁移到了:https://cdn.baomitu.com/
新的前端公共库中也有google字体库。
但是在另外一些帖子中看到了将google字体库本地化的方法,便尝试了一下,效果不错。具体步骤如下:

1、下载google字体库文件

在csdn的下载频道上有很多可以下载,但是需要金币。还有一中比较笨的方式:
1、在浏览器中直接访问:https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700
也就是页面中引用的google字体地址,得到的内容是css代码,创建一个css文件,将其中的代码保存下来:

fonts

代码片段如下:

/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300<
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

解决页面中引用了谷歌字体库访问缓慢的问题 的相关文章

  • 互联网精准广告定向技术: 一切你该了解的知识总结与整理

    互动中国编者前言 本文来自于读者的投稿 牛国柱博客 原文作者为资深互联网广告行业从业者 经过一段长时间的积累 从基础知识 技术应用以及在线广告作弊手段整理和反作弊方法三大角度 共计15篇系列专文 对于精准广告定向技术的介绍进行了一个全面且切
  • 初体验ipad

    初体验ipad 今天星期六 阳光明媚 在去饭堂吃早餐的路上 远远看见排球场人群涌动 听见舞台上有人在唱歌 心想肯定是什么飚歌大赛 跟咱无关 正准备转头离开 突然瞄到 3G体验 几个大字 由于没戴眼镜 看不清 就眯着眼睛看了看 写着 ipho
  • 浏览器的事件轮询(消息轮询)

    目录 浏览器的进程模型 何为进程 何为线程 浏览器有哪些进程和线程 渲染主线程是如何 作的 相关问题 何谓异步 JS为什么会阻塞渲染 JS 中的计时器为什么无法精确计时 任务队列与优先级 浏览器的进程模型 何为进程 程序运 需要有它 专属的
  • 谷歌浏览器官方下载地址

    谷歌浏览器官方下载地址 在线安装版 https www google com chrome browser desktop index html 离线安装版 https www google com intl zh CN chrome br
  • 调试flex程序

    如果程序编译时报错 需要修改程序 有时还要进行调试 在Flash中 最常用的调试方式是使用trace函数 将想要检测的对象或函数运行结果在输出面板中打印出来 在Flex中 同样可以使用trace函数来进行调试 修改上面的代码
  • 如何删除文件夹右键菜单多余项

    如何删除文件夹右键菜单多余项 1 所有或大部分文件都有的右键菜单 打开注册表编辑器后 在 HKEY CLASSES ROOT Shellex ContextMenuHandlers 根据名称删除相应的子项 2 文件夹的右键菜单 在注册表中的
  • linux qt 动态链接库 静态链接库 学习笔记

    转自 http hi baidu com codeworkman item fa434498290bd38e591461d6 hello h ifndef HELLO H define HELLO H extern C void hello
  • TD添加IE8支持

    今天同事突然安装了IE8了 说TestDirector8 0在IE8 0下无法使用 于是在网上搜索 最后终于知道解决方法了 方法一 下载插件 安装TD自带的浏览器 通用 使用 进入TestDirector 单击Add ins Page 在新
  • 秒杀系统设计,高并发下的下单功能设计

    来源 常大皮卡丘 blog csdn net u013815546 article details 53928912 如有好文章投稿 请点击 这里了解详情 功能需求 设计一个秒杀系统 初始方案 商品表设计 热销商品提供给用户秒杀 有初始库存
  • Xilinx ISE 14.7 设置编辑器字体大小

    左上角 edit preference
  • 基于STM8的ADC0832采集及蓝牙通信系统

    为了方便大家学习 工程已经打包上传 http download csdn net detail devintt 8029389 最近在淘宝逛的时候发现了一款单片机 STM8 相比之前一直使用的也是8位的AVR相比 感觉STM8更为强大 芯片
  • 浏览器提示:你的连接不是专用连接的解决方法

    解决方法 1 调整键盘为英文输入状态 2 鼠标点击当前页面任意位置 然后依次按键 thisisunsafe 输入完成后 页面会自动刷新 即可正常访问
  • Sourceinsight最佳配色方案及颜色字体调整方法

    在Ubuntu下面用Gedit有一款比较好看的配色 应该是Darkblue 按照那个样子在SI里面做了一个差不多的 按个人喜好 背景色换成黑色 如下所示 配色的方案文件可以从此处链接免费下载 配色方案下载点击此处 下载该文件后 导入方法 O
  • 【WinForm】WebView2-个性化浏览器-桌面程序开发详解

    这是一个桌面程序上的浏览器 是用插件WebView2开发的浏览器桌面程序 功能体验堪比Edge浏览器 相比使用Chrome内核插件开发浏览器来说 还是用插件WebView2开发来得简单一些 接下来讲一讲实现过程 开发之前 建议先看看微软的
  • 利用cygwin编译cholmod以获得在windows上可用的库lib

    原文http blog parlin me complie cholmod to get library for win64 记录要点 cygwin好好装 希望哪位神人能够提供一个好用的cygwin国内mirror 编译cholmod的时候
  • Android 字体国际化适配方法以及源码解析

    起源 由于我们公司的app 支持多国语言 所以就导致了 同样的文案 但是长度不同 就会出现适配的问题 因为 中文 是 字表义 外文是 音表义 今天就用8 0新特新来解决这个问题 适配前是这样的 在固定的宽高就会出现适配的问题 在之前博客中也
  • 如何编译火狐浏览器的源代码

    以下摘录于 http zhidao baidu com question 33214960 html 源代码编译安装Firefox linux下 http forums mozine cn index php showtopic 601 W
  • 一些大厂的开源平台

    百度 http fex baidu com http efe baidu com 饿了么 https fe ele me 腾讯 http www alloyteam com 美团 https tech meituan com 滴滴 http
  • 跨域与跨域访问

    什么是跨域 跨域是指从一个域名的网页去请求另一个域名的资源 比如从www baidu com 页面去请求 www google com 的资源 跨域的严格一点的定义是 只要 协议 域名 端口有任何一个的不同 就被当作是跨域 为什么浏览器要限
  • 浏览器的事件循环机制(Event loop)

    事件循环 浏览器的进程模型 何为进程 程序运行需要有它自己专属的内存空间 可以把这块内存空间简单的理解为进程 每个应用至少有一个进程 进程之间相互独立 即使要通信 也需要双方同意 何为线程 有了进程后 就可以运行程序的代码了 运行代码的 人

随机推荐

  • 【数据结构与算法】3.(单向、无向、带权)图,广度、深度优先搜索,贪心算法

    文章目录 1 图简介 2 图的存储方式 2 1 邻接矩阵存储方法 2 2 邻接表存储方法 3 有向 无向图和查询算法 3 1 数据结构 3 2 广度优先算法BFS 3 3 深度优先算法DFS 3 3 1 DFS查询单条路径 3 3 2 DF
  • PhotoShop 之盖印图层

    Ctrl Shift Alt E 生成盖印图层 盖印图层实现的结果和合并图层差不多 也就是把图层合并在一起生成一个新的图层 和合并图层所不同的是 盖印图层是生成新的图层 而被合并的图层依然存在 保持其它图层完好无损
  • reverse ez_xor writeup

    拿到ez xor exe附件直接丢进PE 可以看到是64位exe文件 丢进ida64 Shift F12查看字符串 如果是笔记本电脑的话 F12自带热键 先按Fn 即Fn Shift F12 一般在这里找有没有和flag相关的字符串 可以看
  • SecureCRT软件安装

    首先从官网下载SecureCRT官网地址 https www vandyke com cgi bin releases php product securecrt 也可以从百度网盘下载 下载完毕后正常安装SecureCRT 注意选择安装路径
  • 17-链表

    链表 一系列结构连在一起 每一个结构体变量里面都有一个指针pNext pNext指向下一个结构体变量 尾节点的pNext指向NULL 静态链表 struct students stu1 1 a NULL struct students st
  • Pytorch搭建神经网络完成监督学习-分类任务

    一 创建训练集 为了保证后续过程中产生的随机数都是一致的 方便测试 我们首先种下一颗随机种子 import torch import matplotlib pyplot as plt import torch nn functional a
  • Air780E模块硬件资料

    模块硬件资料 资料简介 相关链接 规格书 Air780E 模块产品规格书 V1 0 0 pdf 硬件设计手册 Air780E 硬件设计手册 V1 0 5 pdf 原理图及PCB Air780E 封装 zip 参考设计原理图 AD PADS9
  • 我的csdn排名和浏览量半个月没有变化

    我的csdn排名和浏览量半个月没有变化 希望csdn的管理员看见了 可以查一下 这样让用户很不放心咱们网站
  • AAAI 2021论文:门控记忆神经网络

    多维时间序列由多个随时间演化的相关变量共同构成 这种数据结构广泛存在于科学研究和现实应用场景中 比如在电商场景中 多类产品的销售额随时间变化 共同构成一组多维时间序列 在金融股票市场中 多支股票的价格构成一组多维时间序列 提取这类数据结构中
  • 正态性检验ks和sw区别_非参数检验思路总结,清晰理解就靠它了!

    1 何时使用非参数检验 或许你还没有理解什么是参数检验 非参数检验 但一定曾在无意之中使用过它们 如我们常用的方差分析 T检验 都属于参数检验 参数检验 就是假定数据服从某种分布 通过样本信息对总体参数进行检验 因而在分析前 先要检验数据是
  • libghttp的使用

    libghttp的使用 前言 一 libghttp是什么 二 使用步骤 1 引入库 前言 需要使用get请求来获得点数据 但是由于需要用户名和密码 所以失败了 但是编译的过程还有其他还是有参考价值的 一 libghttp是什么 官方网站ht
  • 华为OD机试真题 Java 实现【最长子字符串的长度】【2022Q4 100分】,附详细解题思路

    目录 专栏导读 一 题目描述 二 输入描述 三 输出描述 四 解题思路 解题思路如下 解题思路分析 五 Java算法源码 六 效果展示 1 输入 2 输出 3 说明 华为OD机试 2023B卷题库疯狂收录中 刷题点这里 专栏导读 一 题目描
  • 代码质量检测(三)—— SonarLint和SonarQube的本地使用

    根据 代码质量检测 一 常用代码质量管理工具 的介绍和 代码质量检测 二 如何选择代码检查工具 的分析 我们大概得出结论 在当前开源的代码质量检测工具中 阿里系列除外 pmd 基于源代码分析 主要面向安全编码规则 如 避免声明同名变量 包括
  • ​​PMP项目管理—第6章 项目进度管理。

    PMBOK项目管理知识体系指南 PMP项目管理学习笔记 总 第1章 引论 第2章 项目运行环境 第3章 项目经理的角色 第4章 项目整合管理 第5章 项目范围管理 第6章 项目进度管理 第7章 项目成本管理 第8章 项目质量管理 第9章 项
  • Ubuntu搭建Git仓库

    Ubuntu中搭建Git仓库 简介 这里使用的是阿里的Ubuntu服务器进行Git仓库搭建 Git在个人服务器搭建不适合新手 需要一定基础 安装Git 首先登录服务器 使用 以下命令安装Git sudo apt get install gi
  • 粉丝破千了,喊几个机器人跳个舞庆祝下

    先看效果 机器人跳舞 再看代码
  • js获取视频时长

    p p
  • php 混淆 js,通过php实现对js的加密混淆

    使用php对js进行混淆加密 具体方法如下 js路径 jsPath DIR assets js 不需要压缩的JS exclude array jQuery ui position min js easy validator pack js
  • CentOS7 yum安装mysql5.7,查看默认root密码

    CentOS7默认安装MariaDB 安装mysql5 7就需要添加mysql官方yum源 1 下载官方yum源 首先需要下载官方yum源 wget https repo mysql com mysql57 community releas
  • 解决页面中引用了谷歌字体库访问缓慢的问题

    解决页面中引用了谷歌字体库访问缓慢的问题 这段时间做一个项目的时候遇到了页面访问谷歌字体库加载缓慢的问题 因为引用了别人的页面模板 其中需要使用到谷歌字体也就是 但是为了开发和调试的方便 设置了浏览器禁止缓存 每次刷新页面非常缓慢 从chr