HTML电子邮件 - webfonts - 编辑器将样式代码移动到底部

Question

我正在将webfonts添加到电子邮件模板中 - 我在头部添加了google字体的webfont。

电子邮件html编辑器我将代码粘贴到 - 获取样式详细信息并将其移动到电子邮件的末尾 - 反过来不使用Web字体

任何解决方案？

这是代码 -

注意 - 我使用了一些不同的组合 - 包括

<小时/>

<style>
  @import url('https://fonts.googleapis.com/css?family=Cabin');
</style>

<table style="background-color: rgb(230, 230, 230);" border="0" cellpadding="0" cellspacing="0" align="center" width="100%" bgcolor="#e6e6e6" class="table_full editable-bg-color bg_color_e6e6e6 editable-bg-image">
  <tbody>
    <tr>
      <td height="10">
        <tr>
          <td>

            <table style="margin: 0px auto; background-color: rgb(112, 174, 76);" cellpadding="0" cellspacing="0" border="0" align="center" width="600" bgcolor="#303f9f" class="table1 editable-bg-color bg_color_303f9f">

              <tbody>
                <tr>
                  <td height="10"></td>
                </tr>
                <tr>
                  <td>

                    <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" border="0" align="center" width="520" class="table1">
                      <tbody>
                        <tr>

                        </tr>



                        <tr>
                          <td style="color: #ffffff; font-size: 30px; font-weight: 700; font-family: 'Cabin', sans-serif;; mso-line-height-rule: exactly;" class="text_color_ffffff" align="center">
                            <div class="editable-text"><span style="font-family: 'Cabin', sans-serif;"><span style="color:#102743">TITLE</span></span>
                            </div>
                          </td>
                        </tr>


                        <tr>
                          <td height="10"></td>
                        </tr>

                        <tr>
                          <td style="color: #ffffff; font-size: 24px; font-weight: 300; font-family: 'Cabin', sans-serif;; mso-line-height-rule: exactly;" class="text_color_ffffff" align="center">
                            <div class="editable-text"><span style="font-family: 'Cabin', sans-serif;"><span style="color:#102743">SUB HEAD</span></span>
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>

                <tr>
                  <td height="20"></td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>

        <tr>
          <td>

            <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" border="0" align="center" width="600" bgcolor="#ffffff" class="table1 editable-bg-color bg_color_ffffff">

              <tbody>
                <tr>
                  <td height="10"></td>
                </tr>

                <tr>
                  <td>

                    <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" border="0" align="center" width="520" class="table1">


                      <tbody>
                        <tr>
                          <td height="10"></td>
                        </tr>

                        <tr>
                          <td style="color: #102743; font-size: 14px;line-height: 1.5; font-weight: 500; font-family: 'Cabin', sans-serif;; mso-line-height-rule: exactly;" class="center_content text_color_102743" align="left">
                            <div style="line-height: 1.5;" class="editable-text"><span style="font-family: 'Cabin', sans-serif;">body</span></div>
                          </td>
                        </tr>



                        <tr>
                          <td height="10"></td>
                        </tr>

                        <tr>
                          <td style="color: rgb(112, 174, 76); font-size: 14px; font-weight: 700; font-family: 'Cabin', sans-serif;;" class="text_color_282828" align="center">
                            <div class="editable-text">Interview Date &amp; Time</div>
                          </td>
                        </tr>

                        <tr>
                          <td height="10"></td>
                        </tr>

                        <tr>
                          <td style="color: rgb(16, 39, 67); font-size: 18px; font-weight: 700; font-family: 'Cabin', sans-serif;;" class="text_color_282828" align="center">
                            <div class="editable-text">TEXT</div>
                          </td>
                        </tr>
                        <tr>
                          <td height="10"></td>
                        </tr>


                      </tbody>
                      <tbody>
                        <tr>
                          <td height="10"></td>
                        </tr>





                      </tbody>
                      <tbody>
                        <tr></tr>

                        <tr>
                          <td style="color: rgb(112, 174, 76); font-size: 14px; font-weight: 700; font-family: 'Cabin', sans-serif;;" class="text_color_282828" align="center">
                            <div class="editable-text">text</div>
                          </td>
                        </tr>