brat.generator

Brat Font Generator

The brat font is Arial Narrow, set in lowercase with a soft blur. Type below to get the brat font look instantly, no font download needed, then save it on a solid colour or as a transparent PNG.

Font Studio
Create Brat-style typography with font, spacing, blur, alignment, colour, and transparent export controls.
Live preview1080 × 1080

What Font Is Brat?

The lettering on Charli XCX’s Brat cover is widely identified as Arial Narrow, a condensed sans-serif. The font alone does not make the look: it is typed in lowercase, kept small and tight on a flat colour, and softened with a slight blur so it feels low-resolution on purpose.

This brat font generator applies all of that for you. Arial Narrow is the default typeface, and the blur, spacing and colour controls finish the effect, so you do not need to install anything.

Brat Font Download

Is There a Free Brat Font?

Arial Narrow is a commercial font. It comes pre-installed on Mac computers and with Microsoft Office, but it is not free to share, so this site does not offer it as a download. If you need a font file for Canva, CapCut or Photoshop, these free look-alikes are close. If you only need the finished text, skip the font entirely: type it above and export a transparent PNG.

Archivo Narrow

The closest free match for the narrow, plain letter shapes. Open-licensed on Google Fonts, so it is fine for personal and commercial projects.

Roboto Condensed

Built into most Android phones as the condensed system font, and free on Google Fonts. Slightly rounder than Arial Narrow.

PT Sans Narrow

A free narrow sans with a little more character. Works well for longer brat lines that need extra width savings.

Want the classic colours too? Brat green is #8ACE00, and the brat text generator has one-tap Brat and Brat White styles.

Step-by-Step Tutorial

How to Use the Brat Font Generator

Type your wording first, then shape the typography with font, spacing, line height and alignment while watching the live preview.

Step 1

Enter the text you want to style

Type the exact word, phrase or short line you want to turn into a Brat-style type graphic. The preview updates while you edit.

  • Short wording is easiest to keep bold and readable.
  • Use the case you want to see in the final graphic.
  • Watch the live preview so wrapping or crowding is obvious before export.
Quick tip: Start with the shortest version of the phrase. Add extra context outside the image when the graphic does not need to carry every word.
Brat Font Generator tutorial image showing enter the text you want to style

Step 2

Set the font, spacing and alignment

Choose a typeface, then adjust letter spacing, line height and alignment until the word shape feels balanced.

  • Arial Narrow is a useful condensed starting point when it is available on your device.
  • Use letter spacing to tighten or open the characters instead of forcing a different font size.
  • Line height matters most when the text wraps onto more than one line.
Quick tip: Change one typography control at a time so you can see which adjustment actually improves the composition.
Brat Font Generator tutorial image showing set the font, spacing and alignment

Step 3

Choose colour, blur and background

Set the text and background colours, then add only enough blur to soften the edges without making the lettering hard to read.

  • Lime with dark text is the classic starting direction.
  • Black, white, pink, blue and custom colours can use the same typography treatment.
  • Turn on Transparent BG when the type will be placed over another design later.
Quick tip: If the phrase becomes hard to read at thumbnail size, reduce blur before shrinking the text.
Brat Font Generator tutorial image showing choose colour, blur and background

Step 4

Choose a canvas and export

Pick the canvas that matches the final placement, then choose the file format you need.

  • The available presets are 1080×1080 square, 1080×1350 portrait, 1080×1920 Story, 1200×630 landscape and 1920×1080 wide.
  • Use PNG when you need a transparent background. JPG always exports with a solid background.
  • Use Copy Image when you want to paste the PNG into another supported app.
Quick tip: Keep a PNG master if the typography will be reused in other layouts.
Brat Font Generator tutorial image showing choose a canvas and export

Brat Font Generator Controls

These typography and export controls are the ones worth checking before you save the final graphic.

Typography

Font, Letter Spacing and Alignment

The look depends on the whole treatment, not one magic font. Start with a condensed face, then use spacing and alignment to shape the word without losing readability.

  • Negative or small spacing keeps short words compact.
  • Wider spacing can help a very short phrase breathe, but large gaps can make the letters feel disconnected.
  • Font rendering can vary slightly between devices when a selected system font is unavailable.

Effects

Blur Without Losing Readability

Blur works best as a small finishing adjustment. The text should still be readable on a phone and at thumbnail size.

  • Start near zero and increase gradually.
  • Check the preview at a smaller size before export.
  • Increase text/background contrast before adding more blur.

Export

Transparent and Social-Ready Output

Transparent PNG is useful when the type needs to sit over a photo, poster or video. Solid backgrounds work better for a finished standalone card.

  • PNG preserves transparency.
  • JPG does not preserve transparency and will use a solid background.
  • Choose the canvas ratio before exporting instead of stretching the image afterward.

Key Features

Typography Features That Matter

Typography controls focus on font choice, letter spacing, line height, alignment, blur and transparent PNG output. Need a colour direction before styling the type? Compare the options in Brat Styles.

Live Typography Preview

See font, letter spacing, line height, alignment, blur and colour changes immediately.

Multiple Font Choices

Compare condensed, bold, serif, mono and clean system typefaces without leaving the tool.

Letter Spacing & Line Height

Adjust character spacing and multi-line readability directly in the exported result.

Transparent Background

Export the lettering without a solid background when you need a reusable overlay.

Five Canvas Sizes

Create 1080×1080 square, 1080×1350 portrait, 1080×1920 Story, 1200×630 landscape and 1920×1080 wide typography graphics.

PNG, JPG & WebP Export

Download the finished type graphic or copy a PNG directly to the clipboard.

Use Cases

Where Font Graphics Work Best

Poster & Cover Titles

Create a Brat-style title treatment to reuse in posters, playlists and cover graphics.

Transparent Text Overlays

Export a PNG with no background and place the lettering over a photo or video.

Social Typography Posts

Build short quote, reaction and title graphics in square, portrait, Story, landscape or 16:9 wide formats.

Quick Tips

Keep the Typography Balanced

Use one to four words for the clearest compact composition.

Reduce blur before shrinking the text if readability starts to disappear.

Export PNG when transparency matters; use JPG or WebP only when a solid background is acceptable.

FAQ

Frequently Asked Questions

Answers about fonts, letter spacing, transparent backgrounds, canvas sizes and export.

What font is brat?⌄

The Brat album cover lettering is widely identified as Arial Narrow, a condensed sans-serif, typed in lowercase with a slight blur. Arial Narrow is also the default brat generator font on this site.

Can I download the brat font for free?⌄

Arial Narrow is a commercial font, so it cannot be shared as a free download. It is already installed on Mac computers and comes with Microsoft Office. Free look-alikes include Archivo Narrow, Roboto Condensed and PT Sans Narrow on Google Fonts.

How do I use the brat font in CapCut or Canva?⌄

Type your text here, turn on Transparent BG, and export a PNG. Then add the PNG to CapCut, Canva or Instagram as an image or sticker layer. No font installation is needed.

Can I make a transparent Brat text image?⌄

Yes. Turn on Transparent BG and export PNG so the lettering can be placed over another image or design. JPG does not preserve transparency.

Can I change letter spacing?⌄

Yes. The Letter Spacing slider changes the spacing between characters in the live preview and the exported image.

Which canvas sizes are available?⌄

The tool includes 1080×1080 square, 1080×1350 portrait, 1080×1920 Story, 1200×630 landscape and 1920×1080 wide.

Will every font look identical on every device?⌄

Not always. These are system font choices, so rendering can vary slightly if a selected font is not installed and the browser uses a fallback.

Does the tool add a watermark?⌄

No. The browser-based export does not add a Brat Generator watermark to the image.

Ready to create?

Create Your Brat Typography Now

Set the wording, font, letter spacing, line height, blur and alignment, then export a solid-background image or transparent PNG.

Start Creating