Google 来自 Firebase 托管应用的字体 403

Question

我在应用程序中使用 Google 字体。当我从我的本地开发环境请求字体时，它 returns 很好。但是当我从 Firebase 托管的应用程序请求时，由于 Referer header.

，我得到了 403

请求URL：

https://fonts.googleapis.com/css?family=Oswald%7CRubik%7CLuckiest+Guy%7CBlack+Ops+One%7CCaveat+Brush%7COpen+Sans%7CSource+Code+Pro%7CAudiowide%7CArial+Blank%7CCinzel%7CPlay%7CAnton%7CPlayfair+Display%7CHelvetica%7COpen+Sans:bold%7CCinzel:black

当我用这个header（自动应用）发出请求时，它起作用了：

Referer: http://localhost:3000/

当我用这个发出同样的请求时，它失败了。（使用应用程序 + Postman 进行测试。）

Referer: https://myapp-dev.web.app/

有没有办法用 webfontloader 更改 Referer 以便能够发出此请求？

    WebFont.load({
        google: {
            families: fonts
        },
        classes: false,
        active: onComplete,
        inactive: onComplete,
        timeout: 4000,
    } as WebFont.Config)

Answer 1

您的请求 URL 包括 Arial Black 和 Helvetica，它们不是由 Google 字体托管的。

Google 字体集仅包含免费字体和 open-source (FOSS) 字体；像 Helvetica 这样的专有系列未获得通过 Google 字体传播的许可。

Google 来自 Firebase 托管应用的字体 403

Google Fonts 403 from Firebase hosted app

google-font-api

firebase

webfont-loader