Experimental marquee with custom fonts
Font embedding is heavy.
Fetches and base64-encodes WOFF2 font files from Google Fonts. The resulting SVG can be several hundred KB and may be slow on poor connections.
Font
Cossette Titre
Castoro Titling
Cinzel
Cormorant Garamond
DotGothic16
Josefin Slab
Libre Baskerville
Sour Gummy
UnifrakturMaguntia
Text
Hello World
Size:
px
Weight:
100 Thin
200 Extra Light
300 Light
400 Normal
500 Medium
600 Semi Bold
700 Bold
800 Extra Bold
900 Black
Color
Solid
Gradient
Color:
Opacity
100%
Start:
End:
Opacity
100%
Direction
→
←
↓
↑
Style
Text Style
Bold
Italic
Blur
Letter Spacing
Spacing
0px
Decorations
Underline
Solid
Wavy
Dashed
Color:
Width:
Overline
Solid
Wavy
Dashed
Color:
Width:
Outline
Color:
Width:
Effects
Glow
Color:
Size:
Opacity
100%
Shadow
Color:
Blur:
Opacity
50%
X:
Y:
Marquee
← Left
Right →
Fade Edges
Speed
8s
Live Preview
(uses loaded font)
Code
Click "Process SVG" to generate the SVG code.
Process SVG
Copy Code
Save as GIF