FAQ: Déclaration du codage de caractères utilisé dans un fichier CSS

Question

Réponse

Pour déclarer le codage utilisé, vous pouvez utiliser la "at-rule" @charset. Sa syntaxe est la suivante :

@charset "<nom de codage enregistré par l'IANA>";

Pour les styles inclus dans un document, @charset n'est pas nécessaire et ne doit pas être utilisé. Ces règles sont à suivre uniquement pour les feuilles de styles attachées.

Seulement une seule règle @charset peut être inclue dans une feuille de style externe, et elle doit être indiquée au tout début du document. Elle ne doit être précédée d'absolument aucun caractère, pas même des commentaires.

Le nom de codage doit être un nom référencé par l'IANA. (Voyez aussi la liste complète des codages). Par exemple, pour déclarer que votre fichier CSS est codé en UTF-8, vous pouvez utiliser :

@charset "UTF-8";

En passant

Vous pouvez aussi configurer le serveur pour renvoyer le codage de votre fichier CSS dans les entêtes HTTP (voir la spécification CSS 2.1, section 4.4 CSS document representation). Dans ce cas, la déclaration dans l'entête HTTP est prioritaire sur la déclaration @charset contenue dans le fichier. Que le serveur renvoit ou non le bon entête HTTP, vous devez toujours définir le codage utilisé à l'intérieur du fichier lui-même (de la même manière que vous devez le faire pour un fichier HTML). De cette façon, vous prévenez les risques, au cas par exemple où le fichier serait déplacé.

L'information de codage utilisée est bien sûr toujours importante si vos sélecteurs CSS utilisent des noms d'éléments, d'attributs, ou des valeurs d'attributs qui contiennent des caractères non contenus dans ASCII. Aussi, vous devriez être certain de déclarer le codage du document si l'une des propriétés suivantes a une valeur contenant des caractères non ASCII : content ou font-family.