Kann Amazon S3 CORS die Probleme beim Laden von Cross-Origin-Schriftarten in Firefox lösen?

Adressierung des ursprungsübergreifenden Ladens von Schriftarten in Firefox mit Amazon S3 CORS

Firefox hat seit langem ein Problem mit dem Laden von Schriftarten unterschiedlicher Herkunft die Webseite. Dieses Problem tritt häufig auf, wenn Schriftarten auf CDNs gehostet werden. Obwohl verschiedene Lösungen vorgeschlagen wurden, kann Amazon S3 CORS (Cross-Origin Resource Sharing) zur Lösung dieses Problems verwendet werden?

CORS-Konfiguration für das Laden von Schriftarten

Zur Aktivierung Um Schriftarten über CORS zu laden, konfigurieren Sie Ihren S3-Bucket mit der folgenden CORS-Richtlinie:

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"
  >
  <CORSRule>
    <AllowedOrigin>https://mydomain.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Content-*</AllowedHeader>
    <AllowedHeader>Host</AllowedHeader>
  </CORSRule>
  <CORSRule>
    <AllowedOrigin>https://*.mydomain.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Content-*</AllowedHeader>
    <AllowedHeader>Host</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

Diese Konfiguration ermöglicht GET-Anfragen von Ihrer angegebenen Domäne mit bestimmten Headern, wodurch das Laden von Schriftarten über verschiedene Herkunft hinweg ermöglicht wird.

Problemumgehung für Abfragezeichenfolgen

Wenn Cloudfront den Access-Control-Allow-Origin-Header zwischenspeichert, sollten Sie die Verwendung einer Abfrage in Betracht ziehen Zeichenfolge zur Unterscheidung zwischen Anrufen aus verschiedenen Domänen:

Zum Beispiel für Domäne A:

https://hashhashhash.cloudfront.net/font.woff?https_a.domain.com

Und für Domäne B:

https://hashhashhash.cloudfront.net/font.woff?http_b.domain.com

Diese Problemumgehung stellt sicher, dass Cloudfront die richtigen CORS-Header für jede Domäne bereitstellt.

Das obige ist der detaillierte Inhalt vonKann Amazon S3 CORS die Probleme beim Laden von Cross-Origin-Schriftarten in Firefox lösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!