【问题标题】:Chrome blocks request for google fonts when using appcache使用 appcache 时 Chrome 会阻止对谷歌字体的请求
【发布时间】:2016-05-29 16:04:11
【问题描述】:

我正在使用来自 googlefonts 的 Roboto。

<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

添加 HTML5 Application Cache 后,chrome 会阻止对 css 文件的请求。

不使用应用程序缓存(只需删除manifest="myApp.appcache")一切都很好。 谁能解释一下为什么会发生这种情况以及如何解决这个问题?

注意:CSS 文件不会添加到应用程序缓存清单文件中。

【问题讨论】:

    标签: css html google-chrome html5-appcache google-font-api


    【解决方案1】:

    我相信任何未包含在 .appcache 文件中的资源都会被阻止。

    【讨论】:

    • 没有。同域的资源不会被阻塞。仅限其他域的资源。
    • 无论哪种方式,fonts.googleapis.com 都不是与您的应用不同的域吗?
    • 当然,但这不是“为什么会发生”,而只是“发生了什么”。我看不出 chrome 有什么好的理由这样做
    • 好的,但要确认一下,您的 .appcache 清单文件中是否列出了 google css 文件?这篇文章看起来很相似,但更具体地询问如何将 Google 字体 API 中的内容添加到缓存清单文件中。 stackoverflow.com/questions/2882954/…
    • 否 Google CSS 文件未在 appcache 清单中列出。似乎这是不可能的。我知道如何在本地托管字体文件,但我不想为所有浏览器提供所有字体文件。但即使我只是将 css 文件添加为样式表,请求也会被 chrome 阻止
    猜你喜欢
    • 1970-01-01
    • 2021-10-11
    • 2013-11-19
    • 2015-12-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-01
    • 2013-06-28
    相关资源
    最近更新 更多