Генератор красивых шрифтов — 23 стиля Unicode

Как это работает

1. 1
   Введите текст Напишите имя, строку для профиля или заголовок. Все двадцать три стиля пересчитываются на каждом нажатии клавиши, так что сравнивать их можно сразу, а не щёлкать по очереди.
2. 2
   Добавьте черту или обрамление Список «Украшение» приваривает к каждому символу диакритический знак: зачёркивание, подчёркивание, надчёркивание или косую черту. Список «Обрамление» оборачивает результат в искры, звёзды, сердечки или скобки — привычные украшения для профиля.
3. 3
   Скопируйте нужный стиль У каждой строки своя кнопка «Копировать», она кладёт в буфер обмена ровно этот вариант. Поле фильтра сужает список по названию, когда заранее знаете, что нужен жирный или что-то в кружках.
4. 4
   Вставьте куда нужно Описания в Instagram и TikTok, никнеймы в Discord, отображаемые имена в Telegram и X, заголовки на YouTube, профили в Steam и документы Word принимают эти символы напрямую. Читателю ничего устанавливать не нужно.

Часто задаваемые вопросы

Это настоящие шрифты?

Нет, и именно поэтому они работают. Шрифт меняет то, как нарисован символ, но не сам символ. Здесь меняется сам символ: 𝐀 — это не заглавная A жирным начертанием, а U+1D400, MATHEMATICAL BOLD CAPITAL A, отдельный символ стандарта Unicode. Жирность живёт в символе, а не в стилях страницы, поэтому текст переживает вставку в поле, которое вырезает любое форматирование.

Почему вместо букв показываются квадратики?

Квадратик означает, что на устройстве, где вы смотрите, ни один установленный шрифт не умеет рисовать этот символ. Это пробел в отрисовке, а не испорченная копия. Надёжнее всего блок Mathematical Alphanumeric Symbols — он есть и в iOS, и в современном Android. Старые сборки Android и часть системных шрифтов Samsung хуже знают наборы в квадратах и в чёрных кружках, так что если аудитория сидит на бюджетных Android, проверьте эти два набора до того, как ставить их в описание.

Как это читают программы экранного доступа?

Плохо, и это главная плата за красоту. VoiceOver и NVDA читают 𝐇𝐞𝐥𝐥𝐨 как набор математических знаков, произносят по одному символу или пропускают целиком: Unicode приписал этим кодовым позициям математический смысл, а не типографский. Поисковики тоже считают их отдельными символами, поэтому красивый заголовок невидим по тому слову, которое в нём вроде бы написано. Одна декоративная строка — нормально, абзац — нет, а для текста, который должен прочитать незрячий читатель, — никогда.

Почему часть букв не меняется?

Причины две, и обе устроены в самом Unicode. Часть наборов закодирована только в одном регистре: в квадратных и чёрных кружках есть только заглавные, поэтому строчные подтягиваются к ним. А некоторых букв просто нет: в нижнем индексе отсутствуют b, d, q и w, в верхнем — q. Букву, которую стиль нарисовать не может, инструмент оставляет как есть и пишет об этом под строкой, чтобы не пришлось гадать, почему одно слово выглядит иначе.

А кириллица работает?

Для буквенных стилей — нет. В блоке Mathematical Alphanumeric Symbols есть латиница, греческие буквы и цифры для части вариантов, но жирной кириллицы, прописной кириллицы и кириллицы в кружках в Unicode не существует вовсе. Русский текст возвращается без изменений, и инструмент об этом честно сообщает. Работают на любой письменности только две вещи: диакритические украшения — зачёркивание, подчёркивание, надчёркивание — и обрамления, потому что это знаки поверх букв и орнаменты вокруг них, а не замена букв.

Как это влияет на лимит символов?

Может удвоить его. Большинство стилизованных букв лежит за пределами базовой многоязычной плоскости, поэтому каждая занимает две единицы UTF-16 вместо одной. Instagram считает кодовые позиции и видит в 𝐀 один символ, а многие проверки форм считают единицы UTF-16 и скажут, что описание из 90 символов занимает 180. С украшениями хуже: зачёркивание добавляет по целому символу после каждой буквы, так что зачеркнуть строку из 30 символов стоит 60. В каждой строке показано, сколько кодовых позиций получилось.

Можно ли поставить такой текст в имя пользователя?

Зависит от площадки, и правило не то, которого ждут. Discord разрешает это в отображаемом имени и в никнейме на сервере, но запрещает в имени аккаунта. Instagram разрешает в поле имени и в описании, но никогда — в @адресе. X разрешает только в отображаемом имени. Telegram разрешает в имени и фамилии, но не в публичном @username. Если форма молча отказывается сохраняться, причина почти всегда в стилизованных символах.

Почему другие генераторы выдают пустые квадраты на курсивной h?

Потому что они просто прибавляют к букве числовое смещение. Двадцать четыре позиции в математическом блоке навсегда зарезервированы: эти буквы уже были закодированы раньше как именованные константы — постоянная Планка ℎ это U+210E, прописная ℬ Бернулли это U+212C, готическая ℜ для вещественной части это U+211C. Смещение попадает в незанятую позицию, и та рисуется квадратом. Здесь все двадцать четыре подставлены обратно, так что курсивная h и прописная B выглядят правильно.

Что-нибудь отправляется на сервер?

Нет. Вся таблица символов и преобразователь приходят вместе со страницей обычным JavaScript, поэтому набранный текст не покидает вкладку. После загрузки страница работает и без интернета.

Из блога

Похожие инструменты