Как создать шаблон mailchimp с кнопкой, использующей шрифт Latos, который будет экспортироваться в MandrillApp без перерыва? - PullRequest
Новая
       25

Как создать шаблон mailchimp с кнопкой, использующей шрифт Latos, который будет экспортироваться в MandrillApp без перерыва?

0 голосов
/ 31 мая 2018

Сегодня, если вы создаете электронную почту MailChimp, используя редактор перетаскивания, с кнопкой, использующей шрифт Lato, то вы экспортируете ее в Mandrill для использования с транзакционными электронными письмами, кнопка разрывается.В конечном итоге это выглядит так:

login button with padding missing

Вместо этого:

login button with padding

Кто-нибудь еще испытывал это, и кто-нибудь нашел хорошее решение?

1 Ответ

0 голосов
/ 31 мая 2018

При экспорте кнопка выглядит следующим образом: 

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
<tbody class="mcnButtonBlockOuter">
    <tr>
        <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
            <table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border: 2px solid #FFFFFF;border-radius: 6px;background-color: #B6121B;">
                <tbody>
                    <tr>
                        <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Lato, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; padding: 12px;">
                            <a class="mcnButton " title="Login" href="*|SITE_URL|*/home" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Login</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</tbody>

Обратите особое внимание на то, что она сделала с семейством шрифтов mcnButtonContent - она ​​обернута резервным шрифтом(Helvetica Neue) в кавычках.Это проблема, потому что, когда он отображается в почтовом клиенте, он преждевременно закрывает тег стиля.

Способ, который я решаю, - это заменять кавычки одинарными кавычками каждый раз, когда я экспортирую шаблон MailChimp в Mandrill.Это утомительно и легко пропустить, но единственное другое решение - использовать другой шрифт, который не нужен моему отделу маркетинга.

...