Типограф онлайн
Расставим кавычки-ёлочки, длинные тире и неразрывные пробелы по правилам русской типографики. HTML-разметка сохраняется.
Что делает типограф
Типограф приводит текст к правилам русской типографики — так, как его подготовил бы корректор в издательстве. Текст становится аккуратнее и легче читается, а на сайте не появляются «висячие» предлоги в конце строки и прямые кавычки вперемешку с ёлочками.
- Кавычки: «прямые» заменяются на «ёлочки», вложенные — на „лапки“.
- Тире: дефис между словами становится длинным тире «—», а в начале реплики диалога — тире с неразрывным пробелом.
- Неразрывные пробелы после коротких слов (в, на, и, к, по), перед частицами «ли», «же», «бы», между числом и единицей измерения (10 кг, 500 ₽, 15%), после знака № и в инициалах (А. С. Пушкин).
- Символы: три точки → многоточие «…», (c) → ©, (r) → ®, ™ → ™.
- Пробелы: двойные и лишние пробелы удаляются.
Как пользоваться
- Вставьте текст или HTML-код в левое поле — результат появится справа сразу.
- Режим «Текст» выдаёт готовые символы: их можно вставлять в редактор сайта, документы и соцсети.
- Режим «HTML-сущности» записывает спецсимволы как
«, ,—— удобно для шаблонов и кода, где невидимый неразрывный пробел легко потерять. - Скопируйте результат или скачайте файлом.
HTML-теги и атрибуты типограф не трогает: кавычки внутри href="..." останутся прямыми, обрабатывается только видимый текст. Повторная обработка уже оттипографленного текста ничего не меняет.
Зачем нужна типографика на сайте
Неразрывные пробелы не дают предлогам и союзам «повисать» в конце строки, а числам — отрываться от единиц измерения при переносе. Это особенно заметно на мобильных экранах, где строки короткие. Единый стиль кавычек и тире делает текст профессиональным: читатель может не знать правил, но небрежность чувствует. Для SEO типографика нейтральна — поисковики одинаково понимают дефис и тире, — но аккуратный текст лучше читают, а значит, дольше остаются на странице.
Дефис, короткое и длинное тире
- Дефис (-) — внутри слов: «кто-то», «северо-запад», в номерах телефонов и датах.
- Короткое тире (–) — в диапазонах: 10–15 минут, 2020–2026 годы.
- Длинное тире (—) — между словами в предложении и в начале реплики: «Москва — столица России».
Типограф заменяет на длинное тире только дефис, окружённый пробелами, поэтому даты вида 2026-10-05, телефоны и составные слова не пострадают.
Типограф и 1С-Битрикс
В визуальном редакторе Битрикс нет встроенного типографа, поэтому контент-менеджеры часто публикуют тексты с прямыми кавычками и дефисами вместо тире. Удобная практика — прогонять текст через типограф перед вставкой в описание элемента или раздела инфоблока. Для заголовков и анонсов используйте режим «Текст»: HTML-сущности в полях без визуального редактора отобразятся как есть. Проверить, как длина заголовка выглядит в выдаче, можно в счётчике символов.