Введите слово и посмотрите, как оно выглядит шрифтом Brat: узкие, слегка размытые строчные буквы с обложки альбома Charli XCX. Русский текст отображается тем же шрифтом. Ниже рассказываем, что это за шрифт на самом деле и где взять бесплатные аналоги.
Arial Narrow — это и есть стиль Brat. Остальные пять есть в меню шрифтов редактора выше, так что их можно сравнить на своём тексте. Учтите, что в Anton и Barlow Condensed Italic только латиница.
На обложке Brat всего одно слово: строчные буквы, узкий гротеск, ровный лаймово-зелёный квадрат. Шрифт обычно определяют как Arial Narrow — зауженную версию Arial, которая поставляется с Windows и Microsoft Office. Текст отрисовали в низком разрешении, поэтому края выглядят мягкими и слегка пиксельными, а затем немного растянули по горизонтали. Charli XCX говорила, что дизайн задумывался нарочито дешёвым, без всякого лоска, поэтому всё это больше похоже на текстовое сообщение, чем на обложку альбома. Официального файла «шрифта Brat» для скачивания не существует: образ складывается из Arial Narrow, строчных букв, плотного межбуквенного интервала, размытия и зелёного цвета (#8ACE00). Наш генератор воспроизводит всё это сам, так что ничего устанавливать не нужно.
Arial Narrow — коммерческий шрифт, поэтому мы не размещаем его для скачивания. Эти бесплатные узкие шрифты с открытой лицензией поддерживают кириллицу, их можно скачать на Google Fonts, а в Canva, Figma, Photoshop или CSS они дают тот же эффект.
Узкий гротеск на Google Fonts с латиницей и кириллицей. По рисунку чуть более гуманистический, чем Arial Narrow, но в таких размерах, как у Brat, выглядит очень похоже. Лицензия SIL Open Font License.
Универсальный узкий шрифт от Google, с латиницей и кириллицей. Берите начертание Regular, пишите строчными буквами и уменьшите межбуквенный интервал на 3–5%.
Узкий гротеск на Google Fonts с латиницей и кириллицей. Плотнее, чем Arial Narrow, поэтому для стиля Brat берите начертание Light или Regular. Лицензия SIL Open Font License.
Какой бы шрифт вы ни выбрали, рецепт один: строчные буквы, межбуквенный интервал около −5%, гауссово размытие 2–4 px и ровный фон #8ACE00 без градиентов и теней.
На большинстве обложек типографика прячется за фотографией. У Brat наоборот: шрифт и есть обложка. Слово маленькое, строчное и размытое, поэтому работает скорее как логотип, чем как заголовок. Отчасти поэтому обложка и стала форматом для мемов, а многие пытаются скачать этот шрифт, рассчитывая найти особый файл. Честный ответ: это обычный узкий шрифт, который намеренно плохо обработали. И для вас это хорошая новость: любой узкий гротеск строчными буквами, размытый и на нужном зелёном фоне, с первого взгляда легко принять за Brat. Если нужно быстро, используйте генератор на этой странице, а если хотите всё сделать вручную в своих дизайнерских программах, берите шрифты из списка выше.
Лучше всего смотрятся одно-три слова. Переключатель «Строчные» включён по умолчанию, потому что на оригинальной обложке все буквы строчные.
На вкладке «Шрифт» сразу выбран Brat Default — это и есть стиль Arial Narrow, и кириллица в нём есть. Переключайтесь на Roboto, только если нужен более жирный плакатный стиль. Anton тоже подойдёт, но только для латиницы.
Фирменное размытие настраивается на вкладке «Эффекты». Около 3–4 px при размере 1080×1080 — как на обложке; поставьте 0, если нужен чёткий текст.
Выберите PNG для качества без потерь, PNG (прозрачный), если нужен только текст, или JPG для файла поменьше. Скачивание бесплатное.
Шрифта Brat, который можно скопировать и вставить, не существует. Шрифт — это файл, установленный на устройстве, поэтому текст, вставленный в другое приложение, всегда отображается шрифтом этого приложения. Сайты со «шрифтами для копирования» подменяют буквы символами Юникода, и ни один из этих алфавитов не такой узкий, как буквы Brat. Чтобы использовать этот стиль где угодно, введите слова в генераторе выше, скачайте PNG и делитесь картинкой или вставляйте её вместо текста.
Введите слова в генераторе выше, оставьте шрифт Brat Default и размытие и скачайте PNG. Если нужен только текст без зелёного фона, выберите PNG (прозрачный). Скачивание бесплатное и не требует регистрации.
В Canva откройте раздел «Загрузки», загрузите PNG и перетащите его на дизайн. Меняйте размер и положение, как у любого другого изображения.
Если нужен текст, который можно редактировать в Canva, добавьте текстовое поле и выберите узкий шрифт, например PT Sans Narrow или Roboto Condensed. Пишите строчными буквами и уменьшите межбуквенный интервал.
Задайте фон #8ACE00 и чёрный текст. Текст в Canva остаётся чётким, поэтому для мягкого размытого вида используйте PNG из шага 1.
Файла шрифта для скачивания нет, но есть способ проще: введите слова в генераторе выше, выберите формат PNG (прозрачный) и скачайте картинку. В неё попадает только текст с размытием, поэтому он аккуратно ложится поверх видео.
В CapCut импортируйте PNG и добавьте его на таймлайн как клип-изображение или как наложение поверх видео.
Перетаскивайте края клипа, чтобы задать, сколько он будет на экране. Размер и положение меняются жестом двумя пальцами или перетаскиванием.
Список шрифтов в CapCut зависит от версии приложения и региона. Выберите самый узкий доступный гротеск с кириллицей, пишите строчными буквами и уменьшите межбуквенный интервал.
Узкий гротеск, который обычно определяют как Arial Narrow: низкое разрешение, строчные буквы, плотный межбуквенный интервал и мягкое размытие. Отдельно выпущенного шрифта «Brat» нет.
Отдельного файла шрифта Brat нет. Сам Arial Narrow — коммерческий шрифт, который идёт в комплекте с Windows и Microsoft Office, поэтому мы его не распространяем. PT Sans Narrow, Roboto Condensed и Oswald — бесплатные аналоги с кириллицей, ссылки на них есть выше. Готовую картинку с текстом из генератора можно скачать бесплатно.
Да. Генератор отрисовывает стиль Brat прямо в браузере, а скачать изображение можно бесплатно и без аккаунта.
#8ACE00 — это значение чаще всего приводят в интернете, и именно его использует этот сайт. Официальное значение не публиковалось; встречаются также #8ACF00 и #89CC04, а разницы на экране не видно.
Размытие — часть дизайна. Оригинальную обложку отрисовали в маленьком размере и затем увеличили, поэтому края смягчились. Если нужен чёткий текст, поставьте «Размытие» на 0 на вкладке «Эффекты».
Да. В Brat Default, шрифте генератора по умолчанию, кириллица есть, поэтому русский текст отображается тем же шрифтом. Anton и Barlow Condensed Italic работают только с латиницей.
Экспортируйте текст из полного редактора как прозрачный PNG, затем импортируйте изображение в Canva или CapCut как слой поверх фото или видео. После импорта это изображение: чтобы изменить слова, отредактируйте их в Brat Maker и экспортируйте заново.
Brat Maker экспортирует изображение с уже применёнными шрифтом, интервалами и размытием. Он не создаёт специальные символы, которые сохраняют эти эффекты при вставке в другое приложение. Для готового оформления используйте прозрачный PNG, а для редактируемого текста — подходящий шрифт в графическом редакторе.
Китайский текст можно вводить. В Brat Default нет китайских иероглифов, поэтому используется системный шрифт. Он может отличаться от узких латинских букв и выглядеть по-разному на разных устройствах. Настройте размер, интервалы и размытие под свой макет.
Все инструменты ниже работают на одном движке Brat: тот же шрифт, тот же зелёный, то же размытие. Выберите тот, что подходит для вашей задачи.