Пользовательские веб-шрифты, переводящие на электронные письма, мобильные почтовые сборщики и лучшие HTML фирменные шаблоны - PullRequest
1 голос
/ 22 января 2020

В общем, я пытаюсь найти самый простой способ включить наш фирменный стиль, использующий шрифт Google Raleway, в электронные письма без необходимости создавать электронные письма с нуля. Я пробую различные программы, чтобы выяснить самый простой маршрут. В примере использования Mailchimp, когда я пытаюсь добавить CSS в верхнюю часть тела письма, он работает с заголовками h1 - h5, а текст основного текста - нет. Для текста, который переводится, он go проходит до моего предварительного просмотра Gmail на рабочем столе, но не до предварительного просмотра моего мобильного телефона.

Я понимаю, что не все серверы электронной почты поставляют пользовательские веб-шрифты независимо от устройства, но я, кажется, нахожу другие источники, которые говорят, что можно кодировать, но я вижу противоречивые ответы справа CSS и Я попробовал некоторые, но ни один, которые еще работают. Я опробовал еще одну программу под названием GetResponse, которая делала все, что мне было нужно, за исключением того, что я не мог заставить мобильный телефон показать нужный мне код. Это вообще возможно в коде?

Нужен любой совет в этой области - Также, если есть простой HTML конструктор шаблонов, который любой может порекомендовать (например, шаблоны электронной почты Envato Market), если это более простой маршрут, я открыт для этого, но все, что я посмотрел, я должен купить, и нет пробной версии. Я знаю немного HTML / CSS, но ни в коем случае не эксперт.

Ниже приведена копия CSS, которую я использовал в Mailchimp, которая работает для h1-h5, но не для текста p и не для мобильной версии, и на мобильном устройстве ничего не будет отображаться должным образом. В общем, надеемся на любые советы по включению кода для перевода на все устройства, если это вообще возможно, и если нет, если пользовательский HTML конструктор электронной почты может сгенерировать это как обходной путь или нет.

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
p {font-family: 'Raleway', sans-serif;}
h1,h2,h3,h4,h5 {font-family: 'Raleway', sans-serif; letter-spacing:0.1em;}
</style>

1 Ответ

0 голосов
/ 24 января 2020

К сожалению, Gmail не поддерживает шрифты Google.

Если вы хотите вручную написать электронное письмо, я бы посоветовал вам прочитать эту статью от Litmus на topi c.

В противном случае я бы посоветовал вам проверить этот конструктор электронной почты (Chamaileon), он имеет встроенный шрифт Raleway с несколькими запасными вариантами.

...