Design
Achsen- und Instanz-Baukasten für Variable Fonts und CSS font-variation-settings
Lade eine Variable Font (TTF/OTF/WOFF/WOFF2) hoch, um ihre fvar-Achsen und benannten Instanzen zu prüfen, die Interpolation live im Browser voranzusehen und ein kopierfertiges font-variation-settings-CSS samt hochwertiger Ersatzproperties und variablem @font-face-Block zu erzeugen.
html· HTML-ErgebnisWerkzeug öffnen
Schnellstart
Rufen Sie dieses Werkzeug aus Ihrem Code in drei Sprachen auf.
cURL
# 1) Request a presigned URL → returns { uploadUrl, storageKey }
curl -X POST 'https://api.elysiatools.com/api/upload/presign/variable-font-axis-instance-and-css-font-variation-settings-builder' \
-H 'Content-Type: application/json' \
-d '{"filename":"fontFile.ext","contentType":"application/octet-stream","size":12345}'
# 2) PUT the file bytes directly to the presigned uploadUrl
curl -X PUT '<presigned uploadUrl>' \
--data-binary @/path/to/file.ext
# 3) Call the tool, passing the returned storageKey for each file field
curl -X POST 'https://api.elysiatools.com/de/api/tools/variable-font-axis-instance-and-css-font-variation-settings-builder' \
-F 'fontFile=uploads/2026/01/01/your-tool-1700000000000-abc123.ext' \
-F 'axisValues=wght=650, wdth=90' \
-F 'previewText=Cabin Variable 0123'