问题描述
我以这种方式加载 Google 字体:
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800|Roboto:300,300i,400,400i,500,500i,700i,900,900i&subset=latin-ext" rel="stylesheet">
当我在浏览器中分析请求时,有一个 CSS 请求而不是两个,所以它用一个请求加载两种字体是很好的:
https://fonts.googleapis.com/css?family=Montserrat:400,900i&subset=latin-ext
但是,当我切换到“字体”选项卡时,我看到 7 个这样的请求:
https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2
(...)
https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2
总之,Montserrat 有 5 个请求,Roboto 有 2 个请求。
你能解释一下为什么吗?也许我不明白某些事情,而这些根本不是典型的要求。但如果是,有没有办法用一个请求加载所有内容?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)