Die Schriftart von der Subdomain wurde durch die Cross-Origin Resource Sharing-Richtlinie blockiert

Ich habe den folgenden Fehler Font from origin ‘http://statisch.beispiel.com‘ wurde von der Cross-Origin Resource Sharing-Richtlinie am Laden gehindert: Für die angeforderte Ressource ist kein Header ‘Access-Control-Allow-Origin’ vorhanden. Herkunft ‘http://www.beispiel.com‘ wird daher kein Zugriff gewährt.

Ich verwende die folgende COR-Einstellung in der .htaccess-Datei hier unten

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault "access plus 1 month"
  ExpiresByType text/cache-manifest "access plus 0 seconds"

  ........

  <IfModule mod_headers.c>
     Header append Cache-Control "public"
     <FilesMatch "\.(ttf|otf|eot|woff|svg)$">
       SetEnvIf Origin "^http://(.*)?example.com$" origin_is=$0
       Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
     </FilesMatch>
     <FilesMatch "\.(js|css|xml|gz)$">
       Header append Vary: Accept-Encoding
     </FilesMatch>
  </IfModule>
</IfModule>

Bitte ich brauche dabei Hilfe

Versuchen Sie dies in Ihrem .htaccess Datei:

# Allow font assets to be used across domains and subdomains
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
     Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Sie können mehr über dieses Problem in diesem ausgezeichneten Artikel lesen, den ich gefunden habe: https://expressionengine.com/learn/cross-origin-resource-sharing-cors

Versuchen Sie, dies zu Ihrer .htaccess-Datei hinzuzufügen:

Header add Access-Control-Allow-Origin "http://example.com"

Alternative:

Header add Access-Control-Allow-Origin "*"

Sie können dies auch versuchen

<FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Mehr bei https://davidwalsh.name/cdn-fonts