42 lines
1.3 KiB
Markdown
42 lines
1.3 KiB
Markdown
---
|
|
title: "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;
|
|
```
|