Rotation and random jitter for wonky letters in Font by Zaweba

Perfectly upright letters look tidy and dependable. Tip them at slightly different angles and the same alphabet starts to look hand made, cheerful and a little mischievous, like letters cut from paper and stuck down quickly. Rotation and jitter in Font by Zaweba exist to give you exactly that.

The operation sits in the style stack with two parts. The first rotates every letter by a fixed angle of up to 45 degrees. The second adds an optional random wobble of up to 30 degrees, so each letter turns by a slightly different amount. The wobble is controlled by a seed, a number from 1 to 99, which means the random pattern is the same every time you open the project or export the font. Change the seed and you get a different pattern of wobbles.

Fixed rotation

On its own, rotating every letter by the same angle tilts each one around itself rather than leaning it like italic. The difference is easiest to see in round letters: an italic O becomes a slanted oval, while a rotated O stays the same shape and simply turns. Straight letters such as I and l show it the other way round.

A small fixed rotation gives a font a jaunty, tipped look. Larger angles start to look like letters scattered on a table, which can be fun for a short word but hard to read for anything longer.

Jitter, and why the seed matters

Jitter is the part that makes a font look wonky. Each letter gets its own random turn within the range you set, so a word looks lively rather than mechanical. A few degrees is enough to suggest hand lettering. Larger amounts make letters bump and tumble.

The seed is there so the randomness is reliable. If the wobble changed every time you exported, you could never be sure which version you'd sent to a printer or uploaded to a website. With a seed, the same settings give the same font. If you don't like how a particular letter lands, perhaps an e that tips back too far, try a different seed rather than turning the jitter down. You'll often find one where every letter sits nicely.

One thing to understand is that a font draws each character the same way every time it's used. So the jitter is per character, not per position: every e in a sentence has the same tilt. That's how fonts work, and it's why a wonky font still looks consistent across a page.

The Wonky preset

If you want to see the effect straight away, the Wonky preset is a ready made starting point. It sets up the stack with rotation and jitter already in place. From there you can turn the wobble up or down, change the seed, add a decoration or rounding, or switch any operation off. A preset is a starting point, not a finished font.

Mixing with other operations

Rotation and jitter combine well with corner rounding, which softens the shapes and makes the whole thing friendlier. A heavier weight helps the wobble read clearly at small sizes. Decorations such as stars and hearts suit a playful font, and because components can be set to follow the stroke, they tip naturally with the letters.

Be a little careful with outline and pattern fills. They work, but a pattern inside a rotated letter can look busy. Try a simpler tile or a larger pattern scale if words start to look cluttered.

Spacing a wonky font

Rotated letters take up a slightly different amount of room than upright ones, and their corners stick out in new places. Font by Zaweba redoes spacing and kerning after every change in the stack, so you get a sensible starting fit. Look at real words in the live preview afterwards. If a pair touches or leaves a gap, open the kerning pair editor, type the pair, adjust it and lock it. Locked pairs keep their value when you change other settings later.

Wonky fonts are at home on birthday invitations, children's party posters, classroom display headings, café chalkboard style menus and labels for homemade jam. They're not for contracts or long reports. Keep them for short, cheerful text and they'll do their job well.