всегда готовы ответить
на ваши вопросы
Замечали, что на одних сайтах текст читается легче, чем на других? Причем на первом могут быть сплошные абзацы без иллюстраций, а на втором — одни картинки, изредка перемежающиеся короткими фразами. И все равно первый длинный текст прочитать проще, чем небольшие абзацы второго. За то, насколько удобно читать текстовый контент, отвечает типографика. Еще на восприятие влияет верстка, но сегодня не о ней.
Недавно мы решили автоматизировать оформление контента с помощью типографа. Рассказываем, как это было и с какими трудностями столкнулись. Но сначала — коротко о том, что такое типограф и как он работает.
Что такое типограф
Типограф — это инструмент, который приводит текст на сайте в соответствие с правилами экранной типографики:
- меняет неправильные кавычки на «елочки» и „лапки“;
- проставляет неразрывные пробелы;
- ставит тире вместо дефиса;
- убирает лишние пробелы;
- меняет ( с ) на © и т. д.
До и после типографа
Без типографа все это делает человек — редактор, корректор или контент-менеджер — перед публикацией текста на сайте. Мы решили сэкономить время специалистов и одновременно исключить человеческий фактор. Вместо монотонной расстановки неразрывных пробелов редактор лучше проработает содержание текста или придумает новый интересный материал. К тому же, даже крутой профи может устать и что-то упустить. Хороший типограф сбоев не дает.
В общем, типограф — крутая и нужная штука. Осталось выбрать подходящее решение.
Какие бывают типографы
Типографы бывают двух видов: онлайн-сервисы и сторонние встраиваемые на сайт редакторы.
Онлайн-сервисы — страницы с предельно простым интерфейсом — полем ввода и одной кнопкой. Вставляем текст в поле, кликаем кнопку и на выходе получаем тот же текст, но с правильной типографикой. Все хорошо, кроме того, что каждый материал перед версткой должен пропускать через такой типограф человек.
Встраиваемые редакторы — фрагменты кода или готовые модули для CMS. Воспользоваться ими немного сложнее, чем онлайн-сервисами — чтобы подключить типограф к сайту, потребуются навыки программирования или помощь кодеров. Зато сделать это нужно будет только один раз. Потом просто проверить, что все работает, и уже не думать о «елочках» и «лапках».
Выбирая типограф, рассматривали такие варианты:
Типограф Артемия Лебедева можно использовать онлайн или подключить к сайту.
Интерфейс типографа Артемия Лебедева
Мы решили полностью автоматизировать процесс и установить модуль на сайт. Выбрали типограф студии Артемия Лебедева, потому что раньше уже сталкивались с ним на клиентских проектах и знаем, что свою функцию он выполняет хорошо.
Как мы устанавливали типограф и с чем столкнулись
Наш разработчик установил типограф в административную панель сайта:
Чтобы проверить, сверстали в блоге новую статью. Типограф сработал, как надо — поставил нужные кавычки, правильно расставил неразрывные пробелы.
На этом работа разработчика должна была закончиться, но не тут-то было — сразу после подключения типографа с нескольких страниц с услугами пропал весь контент.
Так выглядела страница услуги SEO-продвижения с индивидуальной стратегией
Самый простой способ вернуть все, как было — отключить типограф. Но отказываться от этого решения не хотелось. Поэтому пошли длинным путем — разобраться, в чем проблема, и устранить ее.
Как решили проблему
Специалист долго не мог понять, в чем дело, пока на форумах не набрел на любопытный случай.
У кого-то уже была такая проблема, и ее решили
Оказалось, проблема в том, что контент на нескольких страницах весит больше 32 Кб. Типограф не может справиться с таким объемом и «убивает» все, что есть на странице.
Разобравшись, в чем дело, верстальщик решил проблему. Теперь тяжелые страницы делятся пополам, чтобы типограф обработал части по отдельности, а затем склеиваются обратно. Если половина текста весит больше 32 Кб, страница делится на 4 части, и так до тех пор, пока не получатся части нужного объема. Так типограф может обработать любые тексты и страницы.
Вот и все) Надеемся, наша заметка поможет кому-то выбрать типограф или решить проблему с тяжелыми страницами.