Шрифт в письме заменился на другой: почему так и что делать

Письмо свёрстано в фирменном шрифте, а получатель видит Arial. Причина простая: почтовый клиент показывает шрифт, только если он установлен на устройстве. Своих шрифтов у письма нет, и подгружать их умеют не все клиенты. Решение — выбрать шрифт из системного набора и задать цепочку запасных вариантов.

Почему шрифт подменяется

Веб-страница может подгрузить шрифт с сервера, и браузер его покажет. Почта так умеет не везде: часть клиентов вырезает подключение внешних ресурсов из соображений безопасности.

Когда указанного шрифта нет и подгрузить его не удалось, клиент подставляет свой по умолчанию. Обычно это Arial или Times New Roman — отсюда и знакомая картина.

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

Шрифты, которые есть везде

Системные шрифты установлены практически на всех устройствах, и с ними подмены не произойдёт.

Ограничение реальное: выбор невелик и красивых начертаний в нём немного. Но это цена предсказуемости — письмо будет выглядеть одинаково у всех.

Как задать запасной вариант

Даже с системным шрифтом нужно указывать запасные варианты. Записывается это цепочкой: если первого нет, берётся второй, и так далее.

Последним в цепочке всегда ставится обобщённое название — serif, sans-serif или monospace. Оно гарантирует, что клиент подберёт хоть что-то похожее по характеру.

Частая ошибка — указать один шрифт без запасных. Тогда при его отсутствии клиент подставит совсем не то, что вы ожидали.

Когда шрифт из интернета всё же работает

Шрифт из интернета поддерживает часть клиентов, и это не бесполезная затея, если подойти правильно.

Схема такая: подключаете шрифт для тех клиентов, которые это умеют, и обязательно задаёте системный запасной для остальных. Тогда часть аудитории увидит фирменное начертание, а часть — приемлемую замену. Никто не увидит ничего сломанного.

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

И отдельно про мобильные: там подмена шрифта заметнее, потому что экран узкий и лишние пиксели ширины сразу ломают строку.

Что делать с фирменным шрифтом

Если у бренда есть свой шрифт, его стоит оставить для заголовков в картинках, а текст письма набирать системным.

Логика та же, что с картинками вообще: главное должно быть текстом, а фирменное оформление — усилением. Заголовок в фирменном шрифте на баннере передаст характер бренда, а основной текст останется читаемым у всех.

Как это решается в конструкторе

В конструкторе Mailvex шрифт задаётся в брендбуке один раз, и цепочка запасных вариантов подставляется автоматически. При загрузке PDF-брендбука шрифты извлекаются вместе с цветами и логотипом.

Если фирменный шрифт не входит в системный набор, конструктор подбирает ближайший по характеру и предупреждает об этом при сборке.

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

Почему шрифт виден у меня, но не виден у получателя?

Потому что у вас он установлен на компьютере, а у получателя нет. Почтовый клиент показывает только те шрифты, которые есть на устройстве. Решение — выбрать системный шрифт или задать цепочку запасных вариантов.

Можно ли использовать в письме шрифт из интернета?

Часть клиентов его подхватит, часть проигнорирует. Использовать можно, но обязательно с системным запасным вариантом и при условии, что письмо нормально выглядит с ним. Полагаться на подгрузку как на гарантию нельзя.

Какой шрифт выбрать, если нужен читаемый и нейтральный?

Arial или Verdana для текста без засечек, Georgia для текста с засечками. Все три установлены практически везде. Verdana немного шире и лучше читается на маленьких экранах.