FAQ: Declaração de codificação de caracteres em arquivo CSS

Pergunta

Resposta

Para definir a codificação de caracteres você deverá usar a "regra de importação" @charset. A sintaxe da regra é:

@charset "< nome do conjunto de caracteres segundo a IANA>";

Para declarações de estilos incorporadas no documento as regras @charset não são necessárias e não devem ser usadas. Estas regras são para folhas de estilo lincadas.

Somente uma declaração @charset deve constar de uma folha de estilo externa e deve estar localizada no início do documento. Não deve haver qualquer caracter ou mesmo comentário antes dela.

O nome deve ser o de um dos conjuntos de caracteres descritos na IANA registry. (Ver também uma lista completa de conjunto de caracteres ). Por exemplo: para rotular sua folha de estilos com codificação UTF-8 você escreveria assim:

@charset "UTF-8";

A propósito

É possível especificar a codificação de caracteres para os arquivos CSS via servidor, através do cabeçalho HTTP. (Ver CSS 2.1 Specification, section 4.4 CSS document representation). Neste caso a codificação via cabeçalho HTTP tem precedência sobre aquela declarada com uso da regra @charset dentro do arquivo CSS. Quer seja usado ou não o cabeçalho HTTP, você deverá declarar explicitamente a codificação de caracteres no seu arquivo de folha de estilo (como você declara para um arquivo HTML). Assim não haverá chances de interpretação errônea de codificação para a folha de estilos - especialmente quando o arquivo é movido.

A informação sobre codificação de caracteres é muito importante especialmente quando nomes de atributos, de seletores, ou valores de atributos não são em texto ASCII. E ainda, se você utilizar valores não ASCII para propriedades CSS tais como content ou font-family certifique-se de ter declarado a codificação de caracteres.