Brat 字体生成器
输入一个词,马上看到 Brat 字体(brat font)的效果:Charli XCX 专辑封面上那种窄窄的、略带模糊的小写字母。这种字形只针对拉丁字母,中文会以设备的系统字体显示。往下看,这款字体到底是什么,免费替代字体去哪里找。
输入一个词,马上看到 Brat 字体(brat font)的效果:Charli XCX 专辑封面上那种窄窄的、略带模糊的小写字母。这种字形只针对拉丁字母,中文会以设备的系统字体显示。往下看,这款字体到底是什么,免费替代字体去哪里找。
Arial Narrow 就是 Brat 的样子。另外五款都在上方编辑器的「字体族」菜单里,可以换成你自己的文字来比。这些字体都不含中文,所以请用拉丁字母对比;中文会以设备的系统字体显示。
Brat 封面很简单:一块纯色柠檬绿,上面一个小写单词,用的是窄体无衬线字体。这款字体普遍被认为是 Arial Narrow,也就是 Arial 的窄版,随 Windows 和 Microsoft Office 附带。它以低分辨率渲染,所以边缘发虚、略带像素感,然后又稍微横向拉伸。Charli XCX 说过,这个设计就是要故意显得廉价、不精致,所以它看起来更像一条短信,而不是专辑封面。官方并没有专门的字体文件可以下载。这种观感来自几样东西的组合:Arial Narrow、小写字母、紧凑字距、模糊滤镜和绿色(#8ACE00)。我们的生成器把这些都准备好了,你不用安装任何东西。不过这款默认字体不含中文,输入的中文会以设备的系统字体显示,不是窄体,也不是 Brat 的字形。
Arial Narrow 是商业字体,所以我们不提供下载。本站默认的 Brat 字体不含中文,输入的中文会以设备的系统字体显示,不像 Arial Narrow 那样窄。下面这些免费开源字体可以在 Canva、Figma、Photoshop 或 CSS 中使用:中文用 Noto Sans SC,它不是窄体;Roboto Condensed 和 Archivo Narrow 是窄体,但没有中文,只用于拉丁字母。
Google Fonts 上的免费简体中文字体,含中文字形,采用 SIL Open Font License。它不是窄体,不会有 Arial Narrow 那种窄长的效果,需要可编辑的中文时用它。
Google 的常用窄体字体。用 Regular 字重、小写,字距收紧 3–5%。不含中文,只用于拉丁字母。
Google Fonts 上一款干净的 grotesque 窄体字体。比 Arial Narrow 略圆,但用到 Brat 这样的字号时,观感相同。不含中文,只用于拉丁字母。
无论选哪款字体,做法都一样:拉丁字母用小写,字距约 −5%,加 2–4 px 高斯模糊,背景用纯色 #8ACE00,不加渐变和阴影。
大多数专辑封面的文字都让位于照片,Brat 反其道而行:文字本身就是封面。这个词又小、又是小写、还带模糊,更像一个标志,而不是标题。它能变成梗图格式,靠的就是这一点。那么多人搜“Brat 字体”,以为有专门的字体可以下载,原因也在这里。实话是:它只是普通的窄体字,被故意处理得很糙。这对你是好消息:任何窄体无衬线字体,用小写、加模糊、放在对的绿色上,乍一看都像 Brat。这一点只适用于拉丁字母;中文没有大小写,也不会有同样的字形。本页提供两条路:想快就用生成器,想在自己的设计工具里手动做,就看上面的字体列表。
一到三个词效果最好。「小写」开关默认开启,因为原版封面全是小写字母;这个开关只影响拉丁字母。
「字体」标签页默认就是 Brat Default,也就是 Arial Narrow 的样子(只对拉丁字母有效)。只有想要更粗的海报风格时,才换成 Anton 或 Roboto,它们同样不含中文。
标志性的模糊在「效果」标签页里调。画布是 1080×1080 时,约 3–4 px 最接近封面;想要清晰版就设为 0。
导出 PNG 画质无损,选「PNG(透明背景)」只保留文字,选 JPG 文件更小。下载免费。
不能。字体是安装在设备上的文件,文字粘贴到别的应用后,总会变成那个应用的字体。那些“复制粘贴字体”网站其实是把字母换成 Unicode 符号,这些符号都不像 Brat 的字形那样窄。想在任何地方用上这种效果,就在上方生成器里输入文字,下载 PNG,然后分享或粘贴图片,而不是文字。
在上方生成器输入文字,保留 Brat Default 字体和模糊,然后下载 PNG。只想要文字、不要绿色背景,就选「PNG(透明背景)」。下载免费,也不用注册。
在 Canva 打开“上传”,上传 PNG 并拖到你的设计里,像其他图片一样调整大小和位置。
如果要在 Canva 里改文字,就添加文本框。拉丁字母选 Archivo Narrow 或 Roboto Condensed 这类窄体,用小写并调小字距;这两款不含中文,中文请另选一款中文字体。
把背景设为 #8ACE00,文字设为黑色。Canva 里的文字是清晰的,想要柔和的模糊效果,就用第 1 步的 PNG。
在上方生成器输入文字,格式选「PNG(透明背景)」后下载。导出的只有文字(包含模糊效果),可以干净地叠在视频上。
在 CapCut 里导入 PNG,放到时间线上当图片片段,或者叠加到视频上方。
拖动片段边缘,决定它在屏幕上停留多久。用双指缩放或拖动,调整大小和位置。
CapCut 的字体列表因应用版本和地区而异。拉丁字母选可用字体里最窄的无衬线字体,用小写并收紧字距;中文选一款中文字体即可。
一款窄体无衬线字体,普遍被认为是 Arial Narrow,以低分辨率渲染,全小写,字距紧凑,带柔和模糊。并没有单独发行的“Brat”字体。
Arial Narrow 本身是商业字体,随 Windows 和 Microsoft Office 附带,所以我们不分发。上面列出的免费字体中,Noto Sans SC 有中文但不是窄体;Roboto Condensed 和 Archivo Narrow 是窄体,但没有中文,只用于拉丁字母。
不用安装。生成器在浏览器里渲染 Brat 效果,下载图片免费,也不用账号。
#8ACE00。这是网上最常被引用的值,也是本站使用的值。官方没有公布过色值;你还会看到 #8ACF00 和 #89CC04,它们在屏幕上看不出差别。
模糊是设计的一部分。原版封面是小尺寸渲染后再放大的,所以边缘变软了。如果想要清晰的文字,可以在「效果」标签页把模糊设为 0。
先在完整编辑器中导出 PNG(透明背景),再将图片导入 Canva 或 CapCut,作为图层放到照片或视频上。导入后它是图片;要修改文字内容,需要回到 Brat Maker 重新生成。
Brat Maker 导出的是带有字体、间距和模糊效果的图片,不是可直接粘贴到其他应用的特殊字符。想保留视觉效果,可以导出透明 PNG;想继续编辑文字,需要在目标应用中使用合适的字体。
可以输入中文。当前 Brat Default 字体不包含中文字形,因此中文会使用设备上的系统字体,外观可能与拉丁字母的窄体不同,也可能因设备而异。可以调整字号、字距和模糊,让排版更合适。
下面每个工具都用同一套 Brat 引擎:同样的字体、同样的绿色、同样的模糊。想做什么,就选哪个。