Mettre en place un serveur CSS et de fontes

Mettre en place un serveur de CSS et de fontes #

Cette documentation concerne d’une part la mise en place sur un serveur Apache et d’autre part la mise en place avec Nginx.

Avec Apache #

Nous allons mettre en place un server de polices et css. Pour Apache on ajoute un simple serveur comme pour un site statique puis on ajoute dans la racine le fichier .htaccess suivant :

AddType application/vnd.ms-fontobject    .eot
AddType application/x-font-opentype      .otf
AddType image/svg+xml                    .svg
AddType application/x-font-ttf           .ttf
AddType application/font-woff            .woff
AddType application/font-woff2           .woff2
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
	<IfModule mod_headers.c>
		Header set Access-Control-Allow-Origin "*"
	</IfModule>
</FilesMatch>

Avec Nginx #

Pour nginx on fait un site statique auquel on ajoute la directive suivante:

    location ~* \.(eot|otf|ttf|woff|woff2)$ {
        add_header Access-Control-Allow-Origin *;
    }

il faut en plus ajouter ceci dans le fichier mime.types de la configuration nginx

font/ttf                         ttf;
font/otf                         otf;
font/woff                        woff;
font/woff2                       woff2;
application/vnd.ms-fontobject    eot;