This page has been robot translated, sorry for typos if any. Original content here.

Stockage des polices Web dans CDN

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

Comme vous le savez, pour améliorer les performances, il est préférable de conserver la statique dans le CDN.

En particulier, les polices web.

Malheureusement, les polices web stockées dans le CDN par défaut ne fonctionneront pas dans Firefox et Internet Explorer - pour un affichage correct, les paramètres CORS seront nécessaires. Ci-dessous vous pouvez trouver le code requis.

Configuration d'Apache

Les paramètres doivent être dans .htaccess ou httpd.conf :

 <FilesMatch. "(Eot | ttf | otf | woff)">
  En-tête Set Access-Control-Allow-Origine "*"
 </ FilesMatch>	

Configuration de Nginx

Les paramètres devraient être dans nginx.conf :

 if ($ filename ~ * ^. *? \. (eot) | (ttf) | (woff) $) {
  add_header Access-Control-Autoriser-Origine *;
 }	

Access-Control-Allow-Origin configure CORS pour qu'il soit possible de recevoir des fichiers de polices de n'importe quel domaine.

Vous pouvez également répertorier les domaines séparés par des virgules si vous souhaitez les autoriser à partir de domaines spécifiques.

Vous pouvez également répertorier les domaines séparés par des virgules si vous souhaitez les autoriser à partir de domaines spécifiques.

Comment vérifier

Pour vérifier le bon réglage des en-têtes, vous pouvez utiliser curl :

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

Réponse

 # Résultat
 HTTP / 1.1 200 OK
 Serveur: Apache
 Serveur X-Backend: développeur1.webapp.scl3.mozilla.com
 Content-Type: texte / plain;  jeu de caractères = UTF-8
 Accès-Contrôle-Autoriser-Origine: *
 ETag: "4dece1737ba40"
 Dernière mise à jour: Lun, 10 Juin 2013 15:04:01 GMT
 X-Cache-Info: mise en cache
 Cache-Control: max-age = 604795
 Expire: Mer, 19 Juin 2013 16:22:58 GMT
 Date: Mer, 12 Juin 2013 16:23:03 GMT
 Connexion: keep-alive	

Si vous voyez dans la réponse Access-Control-Allow-Origin : * - tout va bien.

La même stratégie est utilisée dans Bootstrap CDN, donc vous pouvez être sûr que c'est bon.