Quel est le type MIME des fichiers .css ?
Le type MIME (media type) des fichiers Cascading Style Sheets portant l’extension .css est text/css. Les navigateurs refusent d’appliquer une feuille de style servie avec le mauvais type lorsque X-Content-Type-Options: nosniff est défini — une cause fréquente de bugs « page sans style » sur des serveurs mal configurés et des buckets S3.
En-tête Content-Type
Content-Type: text/css; charset=utf-8Les types basés sur du texte doivent inclure un charset pour que le navigateur décode correctement les caractères.
Configuration du serveur
| Serveur | Configuration |
|---|---|
Nginx (mime.types ou types {}) | text/css css; |
Apache (.htaccess) | AddType text/css .css |
IIS (web.config) | <mimeMap fileExtension=".css" mimeType="text/css" /> |
| Node.js / Express | res.type('css') ou res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Définir Content-Type: text/css sur l’objet (métadonnées), ou passer --content-type text/css à aws s3 cp |
Faut-il compresser les fichiers .css ?
Oui. Cascading Style Sheets est du texte : activer gzip ou Brotli pour text/css permet généralement d’économiser 50–80 % de la taille transférée. Vérifiez que la liste de compression de votre serveur inclut ce type — contrôlez-le avec le test de compression de site web.
Pourquoi le type MIME est important
Les navigateurs décident de ce qu’ils font d’une réponse — l’afficher, l’exécuter, la lire ou la télécharger — à partir de l’en-tête Content-Type, et non de l’extension du fichier. Avec X-Content-Type-Options: nosniff, un mauvais type entraîne le blocage pur et simple des feuilles de style et des scripts. Pour les envois de fichiers, ne faites jamais confiance au type transmis par le client ; vérifiez plutôt le contenu du fichier (ses octets magiques) côté serveur.
Recherche de types MIME
Recherchez toutes les extensions de fichiers et tous les types MIME courants, avec des en-têtes Content-Type prêts à copier.
Questions fréquentes
Quel est le type MIME de .css ?
text/css.Comment définir le Content-Type de .css dans Nginx ?
text/css css; figure dans le bloc types (généralement dans /etc/nginx/mime.types), puis rechargez Nginx.