Веб-шрифты Google в новостных рассылках по электронной почте
Все категории
Приложения Marketplace
База знаний
Академия
Сообщество
Ничего не найдено.
Темы
Вовлечение подписчиков зависит не только от того, что вы пишете в своих письмах, но и от того, как вы это представляете. Использование привлекательных веб-шрифтов украсит вашу электронную почту и может привести к увеличению количества конверсий.
Выберите веб-шрифт, который соответствует характеру вашего сообщения, соответствует вашему бренду и руководству по стилю и правильно отображается для почтовых клиентов. Для более креативного решения рассмотрите возможность использования Google Fonts в кампаниях по электронной почте.
В этой статье мы рассмотрим, что такое веб-шрифты и шрифты Google, почему следует выбирать веб-шрифты вместо изображений, где взять веб-шрифты и как их лицензировать.
Мы также покажем вам, как эффективно использовать веб-шрифты в электронной почте за семь шагов.
4 причины выбирать веб-шрифты вместо изображений
Маркетологи часто используют изображения со стилизованным текстом для заголовков и других частей электронного письма. Однако веб-шрифты — эффективная и малоиспользуемая альтернатива электронным письмам на языке гипертекстовой разметки (HTML).
Вот четыре причины, почему:
1. Электронные письма доставляются с большей вероятностью Изображения часто необходимо разблокировать, прежде чем получатель электронной почты сможет их увидеть, поэтому использование изображений текста может помешать доставке вашего сообщения . Хотя Google Fonts не будут отображаться, если изображения заблокированы, тип стиля шрифта всегда будет возвращаться к шрифтам по умолчанию, обычно доступным на почтовых серверах, таким как шрифты cauli, roboto или шрифты без засечек.
Это гарантирует, что ваши получатели всегда смогут увидеть текст вашего электронного письма, даже если текст/css, таблица стилей (т. е. правила CSS, определяющие форматирование, например интервалы) и шрифт (т. таблица стилей CSS) отображаются неправильно. Эти шрифты электронных писем по умолчанию также известны как резервные шрифты.
Использование веб-шрифтов в теле письма вместо помещения текста в изображение сокращает время загрузки вашего письма. Независимо от того, сколько раз вы используете определенный веб-шрифт в шаблоне электронной почты, для его встраивания требуется только один запрос на размещенный файл шрифта. Что касается изображений, время загрузки зависит от количества изображений, которые вы встраиваете в свой шаблон, и от того, сколько пикселей имеет каждое изображение.
Независимо от того, насколько высокое качество вашего изображения, текст веб-шрифтов и шрифты электронной почты (даже принятые пользовательские веб-шрифты) всегда будут загружаться быстрее.
Существует широкий выбор высококачественных веб-шрифтов с открытым исходным кодом как для коммерческих, так и для некоммерческих целей, поэтому вы сможете найти подходящий для своего бренда. . Если вы не можете найти шрифт с открытым исходным кодом, который вас устраивает, у вас есть возможность заплатить за лицензию на шрифты. Мы поговорим подробнее о том, что это такое и как использовать эту опцию в следующем разделе.
4. Легкий доступ для многих почтовых клиентов и устройств Многие популярные почтовые клиенты, включая Apple Mail, Microsoft Outlook (большинство версий), Lotus Notes и Thunderbird, используют шрифты Google в электронной почте. Как видите, поддержка Google Font практически универсальна, поэтому получить к ним доступ и использовать их очень просто. Google Fonts также широко используются на многих устройствах (например, почта Android и почта iOS) и операционных системах (например, Mac и Windows).
Как добавить Google Fonts в почтовые рассылки за 7 шагов
Если вы являетесь пользователем HTML, выполните следующие семь простых шагов, чтобы добавить веб-шрифты Google в свои почтовые HTML-кампании:
Перейдите на https://www.google.com/fonts и выберите свой любимый веб-шрифт. В этом примере мы будем использовать Open Sans.
После того, как вы выбрали веб-шрифт, введите желаемый текст и размер шрифта.
3. Выберите стиль шрифта, который хотите использовать. Прокрутите вниз, чтобы просмотреть дополнительные параметры.
4. После выбора стиля Google Fonts открывает окно справа.
5. Нажмите кнопку @import и скопируйте текст под ней
6. Поместите скопированный текст из раздела @import в теги