Kostenloser Online-Icon-Font-Konverter tool icon

Kostenloser Online-Icon-Font-Konverter

Konvertiert Schriftdateien zu Base64-Data-URLs und erstellt direkt nutzbares @font-face-CSS.

Läuft vollständig lokal im Browser, keine Font-Uploads

Konvertiert eine Schrift in eine Base64-Data-URL und erzeugt @font-face-CSS zum direkten Einfügen. Große Fonts vergrößern die CSS-Datei deutlich.

Tipp: Zur Vermeidung großer CSS-Dateien nur für kleine Icon-Fonts oder Teilmengen verwenden.

Einstellungen
@font-face CSS
Data URL

Anleitung

  • Schrift wählen: Mit „Schriftdatei wählen“ WOFF/WOFF2/TTF/OTF laden.
  • Auto-Konvertierung: Der Browser konvertiert automatisch in Base64-Data-URL.
  • Code übernehmen: @font-face-CSS oder Data-URL kopieren und im Projekt nutzen.

Format und Leistung

  • WOFF/WOFF2: Moderne Webfont-Standards mit hoher Kompression, empfohlen.
  • TTF/OTF: Gängige Formate mit guter Kompatibilität, aber oft größer.
  • Leistungshinweis: Data-URLs erhöhen CSS-Größe (ca. 1,33x). Nur für kleine Fonts einsetzen.