CSS @font-face Code-Generator

Erstellen Sie CSS @font-face Anweisungen für eigene Webfonts mit WOFF2- und TTF-Fallbacks

도구를 불러오는 중…

🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.

Generiert valide CSS-Regeln zum Einbinden lokaler Schriftdateien.

Anleitung

  1. Geben Sie den Namen der Schriftfamilie ein.
  2. Fügen Sie die Dateipfade (woff2, woff, ttf) ein.
  3. Wählen Sie Gewichtung und Stil und kopieren Sie den CSS-Code.

FAQ

Was bewirkt font-display?
Es steuert das Rendering der Schriftart während des Ladevorgangs. 'swap' wird empfohlen.

← Zurück zu allen Tools

가격 보기카톡 무료 상담