Brat 字体生成器

输入一个词,马上看到 Brat 字体(brat font)的效果:Charli XCX 专辑封面上那种窄窄的、略带模糊的小写字母。这种字形只针对拉丁字母,中文会以设备的系统字体显示。往下看,这款字体到底是什么,免费替代字体去哪里找。

preview.canvas
brat

文字

字符数: 4
小写

颜色

文字
背景
-5px
1.1
25%
0°
1.00×

同一个词,不同字体

Arial Narrow 就是 Brat 的样子。另外五款都在上方编辑器的「字体族」菜单里,可以换成你自己的文字来比。这些字体都不含中文,所以请用拉丁字母对比;中文会以设备的系统字体显示。

  • Arial Narrow(Brat 默认)
  • Arial
  • Roboto
  • Open Sans
  • Anton
  • Barlow Condensed Italic

Brat 是什么字体?

Brat 封面很简单:一块纯色柠檬绿,上面一个小写单词,用的是窄体无衬线字体。这款字体普遍被认为是 Arial Narrow,也就是 Arial 的窄版,随 Windows 和 Microsoft Office 附带。它以低分辨率渲染,所以边缘发虚、略带像素感,然后又稍微横向拉伸。Charli XCX 说过,这个设计就是要故意显得廉价、不精致,所以它看起来更像一条短信,而不是专辑封面。官方并没有专门的字体文件可以下载。这种观感来自几样东西的组合:Arial Narrow、小写字母、紧凑字距、模糊滤镜和绿色(#8ACE00)。我们的生成器把这些都准备好了,你不用安装任何东西。不过这款默认字体不含中文,输入的中文会以设备的系统字体显示,不是窄体,也不是 Brat 的字形。

和 Brat 相似的免费字体

Arial Narrow 是商业字体,所以我们不提供下载。本站默认的 Brat 字体不含中文,输入的中文会以设备的系统字体显示,不像 Arial Narrow 那样窄。下面这些免费开源字体可以在 Canva、Figma、Photoshop 或 CSS 中使用:中文用 Noto Sans SC,它不是窄体;Roboto Condensed 和 Archivo Narrow 是窄体,但没有中文,只用于拉丁字母。

  • Noto Sans SC ↗

    Google Fonts 上的免费简体中文字体,含中文字形,采用 SIL Open Font License。它不是窄体,不会有 Arial Narrow 那种窄长的效果,需要可编辑的中文时用它。

  • Roboto Condensed ↗

    Google 的常用窄体字体。用 Regular 字重、小写,字距收紧 3–5%。不含中文,只用于拉丁字母。

  • Archivo Narrow ↗

    Google Fonts 上一款干净的 grotesque 窄体字体。比 Arial Narrow 略圆,但用到 Brat 这样的字号时,观感相同。不含中文,只用于拉丁字母。

无论选哪款字体,做法都一样:拉丁字母用小写,字距约 −5%,加 2–4 px 高斯模糊,背景用纯色 #8ACE00,不加渐变和阴影。

Brat 封面的字为什么长这样

大多数专辑封面的文字都让位于照片,Brat 反其道而行:文字本身就是封面。这个词又小、又是小写、还带模糊,更像一个标志,而不是标题。它能变成梗图格式,靠的就是这一点。那么多人搜“Brat 字体”,以为有专门的字体可以下载,原因也在这里。实话是:它只是普通的窄体字,被故意处理得很糙。这对你是好消息:任何窄体无衬线字体,用小写、加模糊、放在对的绿色上,乍一看都像 Brat。这一点只适用于拉丁字母;中文没有大小写,也不会有同样的字形。本页提供两条路:想快就用生成器,想在自己的设计工具里手动做,就看上面的字体列表。

Brat 字体效果怎么做

  1. 1

    输入你的词

    一到三个词效果最好。「小写」开关默认开启,因为原版封面全是小写字母;这个开关只影响拉丁字母。

  2. 2

    保留 Brat Default 字体

    「字体」标签页默认就是 Brat Default,也就是 Arial Narrow 的样子(只对拉丁字母有效)。只有想要更粗的海报风格时,才换成 Anton 或 Roboto,它们同样不含中文。

  3. 3

    调整模糊和间距

    标志性的模糊在「效果」标签页里调。画布是 1080×1080 时,约 3–4 px 最接近封面;想要清晰版就设为 0。

  4. 4

    下载

    导出 PNG 画质无损,选「PNG(透明背景)」只保留文字,选 JPG 文件更小。下载免费。

Brat 字体能复制粘贴吗?

不能。字体是安装在设备上的文件,文字粘贴到别的应用后,总会变成那个应用的字体。那些“复制粘贴字体”网站其实是把字母换成 Unicode 符号,这些符号都不像 Brat 的字形那样窄。想在任何地方用上这种效果,就在上方生成器里输入文字,下载 PNG,然后分享或粘贴图片,而不是文字。

Canva 里怎么用 Brat 字体

  1. 1

    先在这里做好文字

    在上方生成器输入文字,保留 Brat Default 字体和模糊,然后下载 PNG。只想要文字、不要绿色背景,就选「PNG(透明背景)」。下载免费,也不用注册。

  2. 2

    上传到 Canva

    在 Canva 打开“上传”,上传 PNG 并拖到你的设计里,像其他图片一样调整大小和位置。

  3. 3

    或者用可编辑文字

    如果要在 Canva 里改文字,就添加文本框。拉丁字母选 Archivo Narrow 或 Roboto Condensed 这类窄体,用小写并调小字距;这两款不含中文,中文请另选一款中文字体。

  4. 4

    配色

    把背景设为 #8ACE00,文字设为黑色。Canva 里的文字是清晰的,想要柔和的模糊效果,就用第 1 步的 PNG。

CapCut 里怎么用 Brat 字体

  1. 1

    先在这里做好文字

    在上方生成器输入文字,格式选「PNG(透明背景)」后下载。导出的只有文字(包含模糊效果),可以干净地叠在视频上。

  2. 2

    添加到项目

    在 CapCut 里导入 PNG,放到时间线上当图片片段,或者叠加到视频上方。

  3. 3

    设置时长

    拖动片段边缘,决定它在屏幕上停留多久。用双指缩放或拖动,调整大小和位置。

  4. 4

    或者直接在 CapCut 里打字

    CapCut 的字体列表因应用版本和地区而异。拉丁字母选可用字体里最窄的无衬线字体,用小写并收紧字距;中文选一款中文字体即可。

Brat 字体常见问题

Brat 专辑封面用的是什么字体?

▾

一款窄体无衬线字体,普遍被认为是 Arial Narrow,以低分辨率渲染,全小写,字距紧凑,带柔和模糊。并没有单独发行的“Brat”字体。

Brat font 可以免费下载吗?

▾

Arial Narrow 本身是商业字体,随 Windows 和 Microsoft Office 附带,所以我们不分发。上面列出的免费字体中,Noto Sans SC 有中文但不是窄体;Roboto Condensed 和 Archivo Narrow 是窄体,但没有中文,只用于拉丁字母。

不安装字体也能用这个生成器吗?

▾

不用安装。生成器在浏览器里渲染 Brat 效果,下载图片免费,也不用账号。

Brat 绿色的 HEX 色值是多少?

▾

#8ACE00。这是网上最常被引用的值,也是本站使用的值。官方没有公布过色值;你还会看到 #8ACF00 和 #89CC04,它们在屏幕上看不出差别。

为什么文字看起来是模糊的?

▾

模糊是设计的一部分。原版封面是小尺寸渲染后再放大的,所以边缘变软了。如果想要清晰的文字,可以在「效果」标签页把模糊设为 0。

怎么把 Brat 文字放进 Canva 或 CapCut?

▾

先在完整编辑器中导出 PNG(透明背景),再将图片导入 Canva 或 CapCut,作为图层放到照片或视频上。导入后它是图片;要修改文字内容,需要回到 Brat Maker 重新生成。

可以把 Brat 字体直接复制粘贴成文字吗?

▾

Brat Maker 导出的是带有字体、间距和模糊效果的图片,不是可直接粘贴到其他应用的特殊字符。想保留视觉效果,可以导出透明 PNG;想继续编辑文字,需要在目标应用中使用合适的字体。

Brat 生成器支持中文吗?为什么中文字体看起来不一样?

▾

可以输入中文。当前 Brat Default 字体不包含中文字形,因此中文会使用设备上的系统字体,外观可能与拉丁字母的窄体不同,也可能因设备而异。可以调整字号、字距和模糊,让排版更合适。