Angabe der Zeichencodierung in CSS

Wie gibt man die Zeichencodierung in einem CSS-Stylesheet an?

Per @charset

Zur Angabe der Zeichencodierung innerhalb eines Stylesheets dient die At-Regel @charset. Ihre Syntax ist:

In einem externen Stylesheet darf nur eine @charset-Regel vorkommen und diese muss ganz am Anfang des Dokuments stehen. Ihr dürfen keine anderen Zeichen vorangehen, auch keine Kommentare. (Ein BOM ist allerdings OK für ein Dokument in einer der Unicode-Codierungen.)

Die Bezeichnung muss eine der im IANA-Register verzeichneten Bezeichnungen für Zeichencodierungen sein. Das IANA-Register enthält oft mehrere Bezeichnungen für dieselbe Codierung. In dem Fall sollte die als preferred (bevorzugt) gekennzeichnete Bezeichnung verwendet werden. Um beispielsweise eine CSS-Datei als UTF-8-codiert zu kennzeichnen, schreibt man:

Per HTTP

Es ist auch möglich, die Zeichencodierung einer CSS-Datei im HTTP-Header anzugeben, wenn man Zugriff auf die Servereinstellungen hat. Für weitere Informationen, wie man die Codierung in HTTP angibt, siehe Einstellung des HTTP-charset-Parameters. Diese Zeile in der HTTP-Antwort würde bspw. angeben, dass die Datei UTF-8-codiert ist.

Es ist empfehlenswert, auch wenn die Zeichencodierung per HTTP angegeben wird, dennoch eine Angabe im Stylesheet selbst einzufügen. So ist gewährleistet, dass die Zeichencodierung auch dann bekannt ist, wenn das Stylesheet lokal benutzt oder verschoben wird, bspw. zum Testen oder Bearbeiten.

Im Konfliktfall hat die Angabe im HTTP-Header Vorrang gegenüber der @charset-Angabe in der Datei.