skip to content
real brat generator
en

brat font generator

the brat font generator that does the actual recipe: plain arial squished to 69% of its width, softened with the original blur, free and live in your browser.

free. no watermark. no signup. no limits. everything renders in your browser, nothing gets uploaded.

style
colors
spacing and position

it is arial, squished

The most argued-about font of the 2024 lime-green cover trend is not a font. It is plain Arial, scaled down horizontally to about 69% of its natural width. No condensed cut, no custom lettering, nothing to buy or install.

Two more numbers complete it. The softness is a gaussian blur with a sigma of 0.4% of the canvas edge, and the word is centered on its ink box, the actual painted pixels, not the line box most software centers on. That detail is why a short word sits dead center on the original instead of floating slightly high. This brat font generator applies all three automatically, every time you type.

69% of arial's natural width, scaled sideways
0.4% of the canvas edge, the gaussian blur sigma
27% of the canvas: a short word's ink height
live css, not an image: arial-metric text at 69% width with a slight blur. that is the entire font.

About that blur: the original artwork was designed tiny and then upscaled, and the fuzz that created was kept on purpose. It reads as a refusal to do glossy cover design, which was the point. The slider here starts at a subtle 0.15; push it to 0.4 for the measured authentic softness, or drag it to zero for the crisp version.

same font on every phone

Most tools that fake this style write the word Arial into a canvas command and hope your device has it. iPhones and Macs do. Android does not, so the system quietly substitutes another font, the widths shift, and the export from your phone stops matching the one from your laptop.

This site self-hosts Arimo, an open-license typeface metrically identical to Arial: same widths, same spacing, near-identical shapes. Every image renders from that one file, so a brat font generator link you send a friend produces the same pixels on their cracked Android as on your Mac.

thirteen faces, none of them borrowed from your device

The same rule applies to every other style in the dropdown. Where other generators list font names your phone may not have, this one ships an open-license face for each and downloads it only when you pick it.

three columns: swipe the table sideways to see them all.

in the dropdown the classic it stands in for what we actually ship
original Arial Arimo
narrow Arial Narrow Archivo Narrow
black Arial Black Archivo Black
impact Impact Anton
condensed condensed poster caps Bebas Neue
neutral Helvetica Inter
wide Verdana Noto Sans
serif Times New Roman Tinos
bookish Georgia Gelasio
typewriter Courier New Cousine
rounded soft geometric sans Quicksand
comic Comic Sans Comic Neue
marker hand-drawn marker Permanent Marker

Each one carries its own squish ratio. The authentic 69% belongs to Arial; a face that is already condensed would collapse under it, so those get much less, and a couple get none at all. That is the part most font dropdowns skip, and it is why their wider fonts look stretched.

how to get the brat font look

  1. type a word, keep it lowercase

    One or two words hit hardest. The lowercase toggle is on by default because the style never uses capitals, but you can switch it off.

  2. let the auto-fit do the squish

    The generator sets your text in Arimo, compresses it to 69% width, and sizes it to the canvas automatically. Want a different face? The font dropdown has twelve more, each with its own squish ratio so none of them look stretched.

  3. nudge the blur

    The slider starts at a gentle 0.15. Push it to 0.4 for the softness measured from the original artwork, pull it to zero for a crisp edit, or keep going up until the word starts to melt.

  4. save it at true size

    Download a PNG, JPG, or WebP rendered at the full resolution of your chosen size preset, or copy the image straight to your clipboard and paste it anywhere.

questions people actually ask

what is the brat font generator?

It is the same generator as the rest of the site, opened on the part people ask about most: the typeface. You type, and it sets your words in an Arial-metric face, squishes them to about 69% of their natural width, blurs them slightly, and centres them on a flat colour. Thirteen font styles sit in the dropdown, and the export is a full-resolution image rather than a font file, because the look is a transformation rather than a typeface you can install.

what font is the brat cover style, actually?

Plain Arial, horizontally squished to about 69% of its natural width, then softened with a slight gaussian blur. There is no special typeface and no custom lettering. The squish plus the blur is the entire trick.

why does everyone think it is arial narrow?

Because squished Arial and Arial Narrow look alike at a glance. Arial Narrow is a separately drawn condensed font, though, and its proportions do not match the cover. Scaling regular Arial sideways thins the vertical strokes while the horizontals keep their weight, a small distortion a true condensed cut never has. That distortion is part of why the original looks slightly off, in a good way.

can i download the brat font somewhere?

There is nothing to download, because it is regular Arial with a transform applied on top. Arial already ships with Windows and Apple systems, and Arimo, its open-license twin, is freely available if you want a file. The part you actually need, the 69% squish and the blur, is what this generator applies for you.

what is arimo, and why does this site render with it?

Arimo is an open-license font that is metrically identical to Arial: every letter takes up exactly the same space. We self-host it so your image is drawn from the same font file on every device, including Android phones, which do not include Arial. Same input, same output, no substitutions.

how do i recreate the look in photoshop or canva?

Set your text in regular Arial, lowercase, then scale the text layer horizontally to about 69%. Add a gaussian blur of roughly 0.4% of your canvas edge, which is about 8 pixels on a 2048 pixel square. Center it and you are most of the way there. Or type it here and skip the math.

is the letter spacing tighter than normal?

No. The original uses Arial's default spacing, and so does this generator. The gaps between letters compress along with the letters when the word is squished, which is all the tightening the look needs.

can i use a different font than the original one?

Yes, there are thirteen. Original is the accurate one and stays the default, and the rest cover the classics people look for: Arial Narrow, Arial Black, Impact, Helvetica, Verdana, Times New Roman, Georgia, Courier, Comic Sans, plus condensed caps, rounded, and marker styles. Each ships as a self-hosted open-license face rather than a system font call, and each carries its own squish ratio instead of a blanket 69%.

more generators