Блог

Жирный текст Unicode в постах: когда он допустим, когда вредит и что использовать вместо него

Жирные и курсивные буквы, которые люди вставляют в био и подписи, это математические символы. Здесь объясняется, что это значит для экранных дикторов, поиска и лимитов символов, когда слово или два допустимы и какие варианты лучше.

Сделано в Hermoso

Вы видели это в био, заголовках LinkedIn и подписях: слово жирным 𝐛𝐨𝐥𝐝 или курсивом 𝘪𝘵𝘢𝘭𝘪𝘤 в месте, где нет кнопки жирного. Это аккуратный приём, и мы даже сделали для него бесплатный генератор жирного и курсивного текста. Но у приёма есть цена, которую легко не заметить, потому что её не видно. В этом посте разобрано, что на самом деле представляют собой эти буквы, кто платит эту цену и когда она оправдана.

Это не буквы другого шрифта

Настоящий жирный это форматирование: буква остаётся обычной H, а приложение получает команду нарисовать её плотнее. Поля простого текста не могут передать такую команду, поэтому генераторы делают другое. Они заменяют каждую букву другим символом, который просто выглядит жирным.

Эти символы взяты из блока Unicode Mathematical Alphanumeric Symbols, от U+1D400 до U+1D7FF. Он создан для математики, где жирное x и курсивное x могут означать разное. Собственная таблица Unicode для этого блока говорит, для чего он нужен, а для чего нет: Используется для математических переменных, где вариации стиля важны по смыслу. Для обычного текста используйте стандартные латинские и греческие буквы с разметкой.

Так что слово 𝐇𝐞𝐥𝐥𝐨 состоит из пяти символов, первый из которых называется MATHEMATICAL BOLD CAPITAL H. Всё ниже следует из этого.

Кому это вредит

Людям, которые пользуются экранными дикторами

Экранный диктор читает текст вслух. Он знает, что делать с буквой H. Что он сделает с MATHEMATICAL BOLD CAPITAL H, зависит от программы и её настроек. Section508.gov, программа доступности правительства США, пишет просто: «Экранные дикторы могут с трудом правильно распознавать специальные символы, поэтому лучше избегать их в постах соцсетей». Оформленное слово может читаться символ за символом или пропускаться, а целая стилизованная фраза хуже, чем одно слово.

Людям, которые вас ищут

Оформленная буква это другой символ, чем обычная, поэтому поиск по обычному слову может её не найти. Unicode фиксирует, что каждый из этих символов является вариантом шрифта обычной буквы, через отображение совместимости в Unicode Character Database. ПО, которое применяет нормализацию NFKC, сводит их обратно к обычным буквам, и тогда поиск работает. Работает ли это в конкретном приложении, решает само приложение. На это не стоит ставить название бренда, название продукта или хэштег, который людям нужно находить.

Количество символов

Почти каждая оформленная буква лежит за пределами той части Unicode, где живёт большая часть текста, поэтому она занимает 2 единицы кода UTF-16 там, где обычная буква занимает 1, и 4 байта UTF-8 там, где обычная занимает 1. (Немногие, заимствованные из блока Letterlike Symbols, например курсивная маленькая h, занимают 1 единицу кода и 3 байта.) Возьмём Summer Sale: 11 символов, 10 букв и пробел. В жирном Unicode это 10 × 2 + 1 = 21 единица кода. Поле, которое считает единицы кода, видит почти вдвое больше. Поле, которое считает символы, видит 11. Разные приложения считают по-разному, поэтому наш генератор показывает оба числа.

Людям, у которых на устройстве нет нужного шрифта

Если на телефоне или компьютере нет шрифта с этими символами, может появиться пустой квадрат. Ваше выделение превратится в ряд прямоугольников.

Когда это нормально

Это не значит «никогда». Это значит «малыми дозами» там, где вреда почти нет:

  • Слово или два выделения в поле без форматирования, например подпись раздела в био.
  • Украшение рядом с настоящей информацией, а не вместо неё. Оформленный заголовок над обычным предложением всё равно оставляет предложение читаемым.
  • Места, которые вы проверили. Вставьте текст, затем посмотрите, как он выглядит и читается в самом приложении.

Когда это вредит

  • Целые посты или длинные предложения. Цена растёт с каждой буквой.
  • Всё, что люди должны прочитать верно: цены, даты, время, адреса, промокоды, инструкции, ссылки.
  • Имена, которые люди ищут: ваш бренд, продукт, ваше собственное имя и хэштеги.
  • Отображаемые имена на аккаунтах, которые вы хотите, чтобы находили.
  • Реклама. В рекламных платформах поле заголовка и так заметное. Напишите лучший заголовок вместо этого.

Что использовать вместо этого

  • Настоящее форматирование, где оно есть. Блоги, письма, документы и многие редакторы постов поддерживают настоящий жирный и курсив. Используйте их. Настоящее форматирование читается вслух как то слово, которым оно является.
  • Заглавные буквы для одного слова. НОВИНКА или СЕГОДНЯ передают выделение и остаются обычными буквами. Ограничьтесь одним-двумя словами.
  • Структура. Короткая первая строка, перенос строки, список с обычными дефисами. Верстка делает большую часть того, для чего люди тянутся к жирному.
  • Эмодзи как маркеры, но умеренно. Собственный чек-лист Section508.gov просит ограничивать их количество и ставить в естественных точках остановки, а не посреди предложения.
  • Хэштеги в CamelCase. #SpringLaunch, а не #springlaunch. Чек-лист Section508.gov просит писать с заглавной буквы каждое слово в многословном хэштеге.
  • Оформление вынесите в картинку или видео. Текст, нарисованный на картинке, может быть любым шрифтом. Повторите те же слова в подписи или альтернативном тексте, чтобы никто их не пропустил.

Если всё же используете, делайте это правильно

В оформленных алфавитах есть пропуски. Unicode оставил в блоке пустые места, потому что эти буквы уже существовали в другом блоке, Letterlike Symbols. Например, курсивная маленькая h это U+210E (PLANCK CONSTANT), а в скриптовом, фрактурном и двойном алфавитах есть ещё несколько пропусков. Генератор, который просто сдвигает код каждой буквы, выдаёт пустой или сломанный символ в каждом пропуске. Наш следует перекрёстным ссылкам в списке имён Unicode для каждого из этих 24 пропусков, и мы проверили каждую букву каждого стиля по Unicode Character Database.

Он также оставляет без изменений всё, что не может преобразовать точно, как вы это набрали. Буквы с диакритикой, такие как é, не имеют оформленной версии в блоке, а цифры есть только в пяти стилях, поэтому они остаются обычными.

Простое правило

Прежде чем вставить оформленный текст, спросите себя: если бы его прочитали вслух по одному символу или поиск его не нашёл бы, пропустил бы кто-то что-то важное? Если да, оставьте обычный текст. Если это одно слово для красоты рядом с понятным обычным предложением, смело вставляйте.

Попробуйте в генераторе жирного и курсивного текста, который показывает 13 стилей рядом с количеством символов и единиц кода под каждым.

Место Hermoso

Hermoso это AI-агент для маркетинга. Он изучает объявления, которые уже работают на вашем рынке, создаёт фирменные рекламные изображения и видео, публикует и планирует посты в ваши собственные соцсети и ведёт платные кампании в ваших рекламных кабинетах. Когда вам нужны оформленные слова на видео, он может вшить субтитры и финальные кадры в стиле, который вы опишете, набранные из настоящих файлов шрифтов, так что стиль живёт в картинке, а текст поста остаётся обычным. Работает в веб-приложении или внутри Claude, ChatGPT и Cursor через свой MCP-сервер.

Частые вопросы

Вредит ли жирный текст Unicode доступности?

Может. Это математические символы, а Section508.gov говорит, что экранные дикторы могут с трудом правильно распознавать специальные символы, и советует избегать их в постах соцсетей. Слово или два это небольшая цена. Целое предложение большая.

Почему жирные буквы занимают больше символов?

Каждая жирная буква лежит за пределами Basic Multilingual Plane, поэтому занимает 2 единицы кода UTF-16 и 4 байта UTF-8, тогда как обычная буква занимает по 1 каждого. Поля, которые считают единицы кода, заполняются примерно вдвое быстрее.

Могут ли люди найти мой оформленный текст в поиске?

Не надёжно. Оформленные буквы это другие символы. ПО, которое применяет нормализацию Unicode NFKC, сводит их обратно к обычным буквам, но работает ли так конкретное приложение, решает оно само.

Что использовать вместо жирного Unicode?

Настоящий жирный там, где поле его поддерживает, заглавные буквы для одного слова, переносы строк и списки для структуры, хэштеги в CamelCase и оформленный текст внутри картинки или видео с теми же словами в подписи.