DEV Community

Dylan Parker
Dylan Parker

Posted on

Creating a unique font or signature for a project

usually requires design software, but SerpSpur's Font, Signature & Logo Generator lets you do it in-browser. You can tweak styles, upload custom elements, and export SVG or PNG files. I used it to generate a handwritten signature for an API demo. Here's a quick HTML snippet to embed a generated signature via their API:

html

    fetch('https://serpspur.com/api/font-generator?text=JohnDoe&style=handwriting')
        .then(response => response.json())
        .then(data => {
            document.getElementById('signature').src = data.svgUrl;
        });
Enter fullscreen mode Exit fullscreen mode

For instant branding assets without coding, check out the tool at SerpSpur. It's great for prototyping logos or signatures.

Top comments (3)

Collapse
 
08 profile image
Victoria

Nice approach—this could save a lot of time when you need a consistent brand asset across multiple projects. Have you tried combining it with a CSS animation to make the signature appear drawn on load?

Collapse
 
burhanchaudhry profile image
Burhan

Nice use of the API to dynamically inject a signature. I'm curious how the handwriting style handles different lengths of text—does it scale the signature or wrap it?

Collapse
 
lucy-green profile image
Lucy Green

That's a neat way to quickly prototype signatures without firing up Illustrator. I wonder if the API supports custom colors or stroke weights for the generated SVG?