Question

我在应用中使用Google字体。当我从本地开发环境请求字体时，它返回正常。但是，当我从Firebase托管的应用程序请求时，由于Referer标头得到了403。

请求网址：

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

当我使用此标头（自动应用）进行请求时，它会起作用：

Referer: http://localhost:3000/

当我与此请求相同时，它失败。（已通过应用程序+邮递员测试。）

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

您的请求网址包括不是由Google字体托管的Arial Black和Helvetica。

Google字体集合仅包含免费和开源（FOSS）字体；诸如Helvetica之类的专有家族未经许可通过Google字体进行传播。

Firebase托管应用中的Google字体403

1 个答案: