Zum Inhalt springen

◇ Auf deinem Gerät

@font-face-CSS-Generator

Erzeugt aus einer Font-URL und expliziten CSS-Fontangaben einen prüfbaren @font-face-Block.

So funktioniert’s

Geben Sie Font-URL oder relativen Pfad ein.
Legen Sie Familie, Format, Gewicht, Stil und font-display fest.
CSS erzeugen und auf der Zielseite prüfen.

Ähnliche Tools

CSS-Border-Radius-Generator

Erzeuge die CSS-border-radius-Kurzschreibweise aus einem bis vier Pixelwerten.

CSS-Verlaufsgenerator

Erzeuge aus einem Winkel und 2–8 Hex-Farben eine validierte CSS-linear-gradient-Deklaration.

CSS-Box-Shadow-Generator

Erzeuge aus X/Y-Versatz, Weichzeichnung, Ausbreitung, Farbe und Deckkraft eine validierte CSS-box-shadow-Deklaration.