Effects Font Generator

A neon sign is a bright thin stroke with a soft halo bleeding out of it. Both halves of that are light, and light is not something a character can carry. Nothing you copy from this page will glow. What you can do is pick letterforms that survive a dark background: the double-struck set because its doubled stroke reads as a tube outline, and the bold and sans bold sets because thin strokes disappear against dark first.

The real answer is a neon typeface, and there are eight on the shelf below, drawn from the sixty-two the library holds. Look at how they are built before you pick one. The stronger neon families ship in two or three matched weights, typically a light and a contour, meant to be set on top of each other in different colours so you get the tube and the glow as separate layers. If you set only the regular weight you get the outline and none of the effect, which is the usual reason a downloaded neon font looks flat.

Gold and chrome are gradients. A metal letter is a shape with a specific fill: a bright band across the middle, a dark band underneath, a highlight at the top edge. Unicode has no colour at all outside emoji, and even an emoji only has the colours its vendor chose, which is why the same one looks different on an iPhone and on Android.

Fonts mostly have no colour either. An ordinary OpenType file stores outlines and nothing else, so the gold has to be added where you set the type, in a design tool or in CSS. Colour font formats do exist, COLR/CPAL and OpenType-SVG, and a handful of metallic faces ship that way, but support for them is uneven enough that you should check how one renders before you commit to it.

The practical route is a heavy face plus a gradient fill you apply yourself. For faces built to take that treatment, the metallic font generator is the right page. The bold styles above are only useful as a stand-in in a field where you cannot control colour anyway, like a display name.

This is the exception. The double-struck alphabet, also called blackboard bold, is drawn with a doubled vertical stroke that reads as hollow, and it is the only alphabet in Unicode designed that way. It exists because mathematicians writing on a blackboard could not make a bold letter look bold with chalk, so they doubled the stem instead, and the convention was later encoded at U+1D538 onwards.

Seven of its capitals are somewhere else. C, H, N, P, Q, R and Z had already been encoded in the Letterlike Symbols block years earlier as ℂ, ℍ, ℕ, ℙ, ℚ, ℝ and ℤ, and Unicode does not encode the same character twice, so those seven slots in the maths range were left permanently empty. A generator that just adds a fixed offset to every letter produces blanks at exactly those seven positions. This one handles them, so a double-struck R comes out as ℝ rather than as a blank.

Circled letters are worth distinguishing here. They are enclosed rather than outlined: the ring is a separate shape drawn around a solid letter, not the letter opened up. If what you want is a real hollow face, note that outlines lose their counters at small sizes as the stroke closes the gaps, so set them large.

A 3D letter and a drop shadow are the same trick: a second copy of the shape, offset and darkened, sitting behind the first. That needs two overlapping shapes, and a Unicode character is one shape in one position. The nearest thing Unicode has to layering is the combining marks, and those sit above, below or across the letter rather than behind it, so they read as damage rather than as depth. There is no way to fake this in text you copy.

In a real 3D font the extrusion is drawn into the outline by the designer, once, at a fixed angle. That has a consequence worth knowing before you download one: you cannot change the direction of the light, and you cannot separate the face from the side. If you need the depth to be adjustable, use a flat face and add the extrusion in your design tool instead. The bold styles above are a stopgap for fields where you cannot use a font file at all.

Chalk lettering is defined by its edge: a grainy stroke with gaps where the chalk skipped, and a slight wobble because it was drawn by hand on a rough surface. None of that is encodable. The styles above are only there because they read as informal and hand-set rather than typeset, which is a weak substitute and worth saying out loud.

A real chalk font stores that grain as extra points on the outline, sometimes several hundred per letter where a clean face has a dozen. That is why distressed faces are so much larger than they look and why they can be slow to render on a page with a lot of text. If you are putting one on a website, check the file first: the font analyzer shows the glyph count and file size, and the subsetter will cut it down to the characters you actually set.

A stamp reads as a stamp because of three things: capitals, generous letterspacing, and an ink-starved edge where the rubber did not meet the paper evenly. Unicode can give you one of the three. Small capitals keep the uppercase feel without shouting, and the fullwidth forms space letters out because each one occupies a full character cell.

The broken edge is only in a font file. The shelf below leans towards postmark and military-issue faces, which are display weights: they are cut for a single line at a large size and go muddy in a paragraph. If you want the look on a document rather than a graphic, a plain condensed face in wide letterspacing usually reads better than a distressed one.

There is no star alphabet. What there is, and what people actually use, is a set of star characters from Miscellaneous Symbols and Dingbats that you paste on either side of ordinary text: ★ and ☆ at U+2605 and U+2606, the four-pointed ✦ and ✧ at U+2726 and U+2727, and the circled ✪ at U+272A. Copy any of them straight from this paragraph.

These are text characters, not emoji, which is the reason to prefer them. They inherit the colour of the surrounding text instead of arriving as a picture in someone else's palette, they take one code point rather than two, and they will not switch to a coloured emoji rendering on one platform and a black outline on another. The style set above pairs with them: circled and double-struck letters share the geometric weight of a star and do not fight it.

Same situation as the stars, with one extra trap. The plain text hearts are ♥ at U+2665 and ♡ at U+2661, both from the card-suit symbols, plus the rotated bullet ❥ at U+2765. The one most people reach for is ❤ at U+2764, and that one has a split personality: followed by an invisible variation selector, U+FE0F, it renders as a full colour emoji, and without it, or with U+FE0E, it renders as ordinary black text. Copy a heart out of a message and you often bring the selector with it, which is why the same heart is red in one field and black in another.

If you want a heart that stays the colour of your text, use ♥ or ♡. If you want the red one, use ❤ and accept that it is an emoji and will be drawn by the platform. The script styles above are paired here because a heart beside connected letterforms is the combination people are usually after, and the shelf below has the rarer thing: faces where a heart is drawn inside the letter rather than next to it.

The flowers live in Dingbats, and they are called florettes: ✿ at U+273F, ❀ at U+2740, ✾ at U+273E and ❁ at U+2741, with ⚘ at U+2698 over in Miscellaneous Symbols. Like the stars they are text characters, so they take your text colour rather than arriving as a picture. Two practical notes. They are visually heavy for their size, so one at each end of a short line is usually the limit before the name stops being readable. And a screen reader will announce each one by its Unicode name, so a name wrapped in four florettes is read aloud as four repetitions of "black florette" before the name itself. The lighter styles above are here for the same reason: script, italic and small caps do not compete with the decoration.