HTML 电子邮件样式/格式答案

【问题标题】：HTML Email Styling/FormattingHTML 电子邮件样式/格式
【发布时间】：2020-03-12 21:41:37
【问题描述】：

我正在尝试为一个项目设计一个电子邮件模板。我已经准备好 CSS 和 HTML 并为电子邮件模板工作。当我在浏览器中查看它时，我的电子邮件模板看起来与我想要的完全一样，但是一旦在电子邮件客户端（Gmail、Outlook）中查看了电子邮件。样式、字体、图像没有得到应用。我当前的电子邮件模板结构：

<html>
<head>
  <style>
    /*Font import*/
    /*Class stylings*/
    /*Media query's*/
  </style>
</head>
<body>
  <!-- My email content -->
<div id="header">
      <div class="content-header-center">
        <div class="container">
          <a href="#" target="_blank"
            ><img
              alt="#"
              src="#"
            />
          </a>
          <div class="content-spot">
            <h1>
              <a href="#" target="_blank"
                >You are invited to the<br />
                presentation of the dawn</a
              >
            </h1>

            <p>&nbsp;</p>
          </div>
        </div>
      </div>
    </div>

    <div id="content">
      <div class="container landing-page">
      </div>
    </div>
</body>
</html>

我正在使用 PHP 对模板进行编码，然后使用 mailgun 发送邮件（如果相关）谁能帮我解决这个问题

【问题讨论】：

HTML 电子邮件的功能受到严格限制。很多事情都无法正常工作；这就像 1990 年代的编码。例如，Webfonts 仅适用于某些客户端：litmus.com/blog/the-ultimate-guide-to-web-fonts

标签： html-email

【解决方案1】：

电子邮件要求在开头包含 CSS，因为电子邮件无法链接到您的 CSS。这称为内联 CSS。

有关更多信息，您可以查看： https://css-tricks.com/using-css-in-html-emails-the-real-story/

【讨论】：