Storage-Web-Fonts im CDN

Хранение веб-шрифтов в CDN

Wie Sie wissen, für die statischen Leistungsverbesserungen sind am besten in der CDN gehalten.

Insbesondere die Web-Fonts.

Leider gibt es in der CDN gespeichert, Web-Fonts wird standardmäßig in Firefox und Internet Explorer nicht funktionieren - für Einstellungen korrekte Anzeige erforderlich CORS. Im Folgenden finden Sie den erforderlichen Code finden.

Konfigurieren von Apache

Einstellungen müssen in .htaccess oder httpd.conf sein:

 <Filesmatch "(EOT | ttf | otf | woff).">
  Header gesetzt Access-Control-Allow-Origin "*"
 </ Filesmatch>	

Nginx Konfiguration

Einstellungen müssen nginx.conf:

 if ($ filename ~ * ^ * \ (EOT) |.?. (ttf) | (woff) $) {
  add_header Access-Control-Allow-Origin *;
 }	

Access-Control-Allow-Origin konfiguriert CORS, so dass es möglich ist, die Schriftart-Dateien aus einer beliebigen Domäne zu erhalten.

Oder Sie können Domänen auflisten, durch Komma getrennt, wenn man sie zulassen wollen eine bestimmte Domain zu erhalten.

Oder Sie können Domänen auflisten, durch Komma getrennt, wenn man sie zulassen wollen eine bestimmte Domain zu erhalten.

Wie kann man prüfen

Um zu überprüfen , die korrekte Einstellung des Headers, können Sie curl:

 $ Locken -I https://some.cdn.otherdomain.net/media/fonts/somefont.ttf

Antwort:

 # Ergebnis
 HTTP / 1.1 200 OK
 Server: Apache
 X-Backend-Server: developer1.webapp.scl3.mozilla.com
 Content-Type: text / plain;  charset = UTF-8
 Access-Control-Allow-Origin: *
 ETag: "4dece1737ba40"
 Last-Modified: Mo, 10. Juni 2013 15.04.01 GMT
 X-Cache-Info: Caching
 Cache-Control: max-age = 604795
 Gültig bis: Mi, 19. Juni 2013 16.22.58 GMT
 Datum: Mi, 12. Juni 2013 16.23.03 GMT
 Anschluss: keep-alive	

Wenn Sie sehen , die Antwort Access-Control-Allow-Origin: * - alle ausgezeichnet.

Die gleiche Strategie wird in der Bootstrap CDN, verwendet, so können Sie sicher sein, dass es gut ist.