Cross Domain Webfonts

Aus Sicherheitsgründen verweigern manche Browser Domain übergreifendes Laden von Ressourcen. Die Integration der neuen Wunschschrift wird dann womöglich mit Font von [URL] has been blocked from loading by Cross Origin Ressource Sharing policy: No 'Access-Contoll-Allow-Origin' Header is by the requested recource... quittiert, und der Leser sieht eine Ersatzschrift.

Apache: Crossdomain-Schriften in der .htaccess

<IfModule mod_mime.c>
    AddType application/font-woff                       woff
    AddType application/font-woff2                      woff2
    AddType application/vnd.ms-fontobject               eot
    AddType application/x-font-ttf                      ttc ttf
    AddType font/opentype                               otf
    AddType image/svg+xml                               svg
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch ".(eot|otf|svg|ttf|woff|woff2)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

Wer nur noch moderne Browser unterstützt, kommt mit woff und woff2 aus.

IIS: Crossdomain-Schriften in der web.config

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="access-control-allow-origin" value="*" />
      <add name="access-control-allow-headers" value="content-type" />
    </customHeaders>
  </httpProtocol>
</system.webServer>