アプリで Google フォントを使用しています。ローカルの開発環境からフォントをリクエストすると、正常に返されます。しかし、Firebase でホストされているアプリからリクエストすると、Referer ヘッダーが原因で 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
このヘッダー (自動的に適用される) を使用してリクエストを行うと、次のように機能します。
Referer: http://localhost:3000/
これで同じリクエストを行うと、失敗します。(アプリ + Postman でテスト済み)
Referer: https://myapp-dev.web.app/
このリクエストを行うことができるように webfontloader でリファラーを変更する方法はありますか?
WebFont.load({
google: {
families: fonts
},
classes: false,
active: onComplete,
inactive: onComplete,
timeout: 4000,
} as WebFont.Config)