Unicode-Range-Generierung

Der Unicode-Range-Generator erzeugt den CSS-Wert unicode-range für eine @font-face-Regel, der dem Browser mitteilt, welche Zeichen ein Webfont abdeckt. Fügen Sie die benötigten Codepoint-Bereiche hinzu — oder nutzen Sie die eingebauten Presets — und kopieren Sie die fertige Deklaration, um nur die Schriften zu laden, die Ihre Seite nutzt.

1. Klicken Sie ein Preset (Latein, Kyrillisch, CJK, Arabisch und mehr) oder fügen Sie einen eigenen Bereich hinzu 2. Geben Sie bei einem eigenen Bereich Start und Ende als hexadezimale Codepoints ein (z. B. 0000–007F) 3. Beschriften Sie jeden Bereich optional mit einer Beschreibung 4. Die CSS-Ausgabe wird live aktualisiert 5. Klicken Sie auf Kopieren, um die unicode-range-Deklaration zu kopieren

Codepoints werden hexadezimal ohne das U+-Präfix geschrieben (das Tool ergänzt es und formatiert). Mit unicode-range laden Browser nur die Font-Dateien für die auf einer Seite tatsächlich genutzten Schriften, was die Performance mehrsprachiger Seiten verbessert. Mehrere Bereiche werden automatisch per Komma verbunden.