Онлайн-типограф текста
Автоматическая расстановка кавычек-ёлочек «», длинных тире —, неразрывных пробелов и подготовка текста к публикации.
Профессиональная экранная типографика текстов для сайтов, медиа и полиграфии. Автоматическая замена машинописных кавычек на парные «ёлочки» и вложенные „лапки“, расстановка длинных тире, привязка предлогов неразрывными пробелами и экспорт в чистый HTML.
Правила экранной типографики Utilora
В русском языке стандартом являются кавычки-ёлочки. Если внутри фразы есть вложенная цитата, она оформляется лапками: «газета „Правда“».
Дефис (-) используется только внутри слов (по-русски). В предложениях и прямой речи всегда ставится длинное тире, отбитое пробелами.
Короткие союзы и предлоги (в, на, с, к, и, а) не должны оставаться в конце строки, поэтому они связываются с последующим словом неразрывным пробелом.
Как пользоваться
Вставка неотформатированного текста
Скопируйте черновик статьи или поста из текстового редактора и вставьте в левое окно.
Настройка правил типографики
Отметьте нужные флажки: замена кавычек, расстановка тире, неразрывные пробелы для предлогов и единиц измерения, очистка лишних пробелов, спецсимволы.
Выбор формата экспорта
Переключайтесь между вкладками «Обычный текст (Unicode)» для соцсетей и мессенджеров и «HTML-код ( )» для CMS сайтов.
Копирование готового материала
Нажмите «Копировать результат» для вставки эстетически безупречного текста в вёрстку или редактор.
Формулы, правила и стандарты
1. Основные кавычки первого уровня: французские ёлочки «...» (U+00AB / U+00BB).
2. Вложенные кавычки второго уровня: немецкие лапки „...“ (U+201E / U+201C).
3. Длинное тире (Em Dash —): между словами в предложении и в начале реплик диалога (U+2014).
4. Среднее тире (En Dash –): в числовых интервалах без пробелов (10–15, 2020–2026, U+2013).
5. Дефис (-): сохраняется исключительно внутри сложных слов (интернет-магазин, во-первых).
6. Неразрывный пробел (U+00A0 / ): после коротких предлогов и союзов (в, на, с, к, о, из, за, и, а, но), в инициалах (А. С. Пушкин) и перед сокращениями единиц измерения (100 руб, 5 кг, 15 %).
Практические примеры
Пример 1: Типографика делового договора и коммерческого предложения
Замена кавычек, дефисов, привязка предлогов и сокращений единиц измерения:
«Компания "Вектор" заключила договор с ООО "Альфа" на сумму 150000 руб. Срок поставки - 10-15 дней... (c) 2026»
Оттипографированный текст:
«Компания «Вектор» заключила договор с ООО «Альфа» на сумму 150000 руб. Срок поставки — 10–15 дней… © 2026»
Внесённые исправления:
• Программистские кавычки "" заменены на кавычки-ёлочки «»
• Предлоги «с» и «на» привязаны к следующим словам неразрывными пробелами
• Число 150000 связано неразрывным пробелом с обозначением «руб.»
• Дефис между словами заменён на длинное тире «—» с пробелами
• Диапазон «10-15» преобразован в диапазон со средним тире «10–15»
• Три точки заменены на знак многоточия «…»
• Комбинация (c) преобразована в знак копирайта «©»
Пример 2: Оформление вложенных кавычек цитаты
Корректная иерархия цитирования с внешними «ёлочками» и внутренними „лапками“:
«В статье "Новые правила в журнале "Наука и жизнь"" описан рост цен +- 5% в год.»
Оттипографированный текст:
«В статье «Новые правила в журнале „Наука и жизнь“» описан рост цен ± 5% в год.»
Внесённые исправления:
• Внутреннее название журнала оформлено кавычками-лапками „Наука и жизнь“
• Внешняя цитата оформлена кавычками-ёлочками «...»
• Однобуквенный предлог «В» зафиксирован неразрывным пробелом
• Знак «+-» преобразован в математический символ «±»
Частые ошибки и нюансы
Проблема висячих предлогов
Когда короткий предлог остаётся в самом конце строки, а относящееся к нему слово переносится на следующую, комфорт чтения падает. Неразрывный пробел жёстко сцепляет слова, предотвращая разрыв фразы.
Разница между дефисом и тире
Дефис соединяет части одного сложного слова (онлайн-сервис). Короткое тире используется в числовых диапазонах без пробелов (3–5 дней). Длинное тире с отступами разделяет части предложения в речи.
Иерархия кавычек в русском языке
Прямые кавычки (") допустимы лишь в языках программирования. В качественной экранной вёрстке внешние кавычки всегда оформляются ёлочками «», а вложенные цитаты — лапками „“.
Выбор формата для публикации
Для социальных сетей и мессенджеров используйте вкладку Unicode. Для публикации статей на сайтах через редактор HTML выбирайте вкладку HTML с мнемониками и —.
Частые вопросы (FAQ)
Экранная типографика кардинально повышает опрятность и удобочитаемость статей на любых мониторах и смартфонах. Замена машинописных дефисов на правильное тире и привязка неразрывных пробелов исключают появление висячих предлогов на концах строк, создают визуальный порядок и подчёркивают высокий авторитет ресурса.
В русской типографике кавычки-ёлочки («...») считаются базовыми и применяются для оформления всех внешних цитат и наименований. Кавычки-лапки („...“) служат дополнительным уровнем и используются только внутри фразы, уже заключённой в кавычки-ёлочки (например: «издательство „Наука“»).
Неразрывный пробел (символ Unicode U+00A0 или HTML-мнемоника ) внешне выглядит как обычный интервал, но запрещает браузеру переносить стоящее за ним слово на следующую строку. Он незаменим для привязки однобуквенных предлогов, инициалов к фамилии и чисел к единицам измерения (например, 250 руб.).
Ключевое отличие заключается в мгновенной обработке текста непосредственно в веб-браузере без отправки запросов на внешние серверы. Инструмент Utilora работает без задержек сети, позволяет в один клик переключаться между чистым Unicode и HTML-кодом, а также обеспечивает абсолютную конфиденциальность любых материалов.
В диапазонах чисел, дат и процентов (например, 2024–2026 годы, 5–10 процентов, страницы 14–18) по правилам вёрстки используется среднее тире (En Dash) без пробелов по бокам. Типограф автоматически распознаёт числовые интервалы и аккуратно заменяет дефис на правильное среднее тире.
Переключитесь на вкладку «HTML-код ( )» над блоком вывода. Инструмент моментально заменит все неразрывные пробелы на сущности , длинные тире на —, а кавычки на « и ». Полученную разметку можно без опасений вставлять в режим исходного кода любой системы управления контентом.
Похожие инструменты
Счётчик слов
Быстрый подсчёт количества слов, символов, абзацев и времени чтения текста.
Открыть ▸Счётчик символов
Точный подсчёт знаков с пробелами и без, строк и размера текста в байтах. Проверка лимитов Twitter (280), Instagram (2200), Telegram и SEO.
Открыть ▸Сравнение текстов (Diff)
Построчное и пословное сравнение двух версий текста или кода с наглядной подсветкой добавленных и удалённых фрагментов.
Открыть ▸Конвертер регистра
Перевод букв в ПРОПИСНЫЕ, строчные, Как в предложениях, camelCase, kebab-case и snake_case.
Открыть ▸Руководства по теме
Правила экранной типографики в вебе: кавычки-ёлочки, неразрывные пробелы и висячие предлоги
Грамотная типографика формирует доверие к бренду, улучшает скорость чтения и делает сайт визуально дорогим и аккуратным. В этом руководстве разбираем академические правила экранной типографики в русском языке: от кавычек-ёлочек до неразрывных пробелов, которые можно автоматизировать в один клик.
Читать руководствоВеб-типографика и чистка текста: неразрывные пробелы, тире и кавычки
Неряшливый текст с оторванными предлогами, компьютерными дефисами вместо тире и двойными пробелами подсознательно отталкивает читателя, снижая время на сайте и конверсию. В материале разбираем академические правила экранной типографики, стандарты ГОСТ и их прямое влияние на поведенческие факторы ранжирования в 2026 году.
Читать руководствоСинтаксис Markdown: полное руководство с примерами
Markdown — легковесный язык разметки, изобретённый Джоном Грубером в 2004 году для написания текста, который читается как простой текст, но при рендеринге превращается в структурированный HTML. Сегодня Markdown стал стандартом де-факто для README в GitHub, документации в Confluence, постов в Reddit и статей в Ghost CMS.
Читать руководство