HTML gmail 显示的电子邮件签名不同

Question

我使用 Thunderbird 作为我的主要工作邮件客户端。我刚刚创建了一个新的 HTML 签名，它在 Thunderbird、Opera 和在线 HTML 查看器中正确显示，但在 GMail 中显示不正确。如果有人能指出问题所在的方向，我将不胜感激。我附上了 .html 签名文件。

编辑：我意识到我没有说明问题：当我在 GMail 网络收件箱中检查 Opera 中的元素时，我看到整个文本的格式为 Arial，12.8 像素，同时丢失了不同的颜色第一行 (class = .name).

我的 CSS 很生疏所以我怀疑是我这边的错误...

编辑 2：以下代码已由 Tim Gerhard 更正（非常感谢！）

<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style type="text/css">
      .normal{font-family:"Arial"; font-size:9pt; line-height:1.25; color:#606060; font-weight:400}
      .name{font-size:10.5pt; color:rgb(119,187,65); font-weight:700;}
      .link{color:rgb(17,85,204)}
    </style>
  </head>
  <body>
    <div class="normal">
      <span class="name">Rostislav Janda</span></br>
      Obchodní zástupce</br></br>
      <a style="link"; href="tel:+420%20721%20604%20707" value="+420721604707" target="_blank">+420 721 604 707</br>
      <a style="link"; href="http://www.iqbudovy.cz"> www.iqbudovy.cz</a>
      </br></br>
      IQ Budovy s.r.o.</br>
      <a style="link"; href="[map link]">Mečířova 5, 612 00 Brno</a></br></br>
      <img alt="IQ_Logo" src="[image address]">
      <br><br><br>
    </div>
  </body>
</html>

Answer 1

编辑：

您可以使用内联样式来设置 E-Mail 的样式，因为 class 名称不完全受支持（就我而言）。使用 style="color:red" 而不是 classes。内联应该适用于每个邮件程序。

您的 html 充满了可能导致问题的错误。

我花时间修复它，这是（现在正确的）标记：

<html>

  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style type="text/css">
      .normal {
        font-family: "Arial";
        font-size: 9pt;
        line-height: 1.25;
        color: #606060;
        font-weight: 400;
      }

      .name {
        font-size: 10.5pt;
        color: rgb(119, 187, 65);
        font-weight: 700;
      }

      .link {
        color: rgb(17, 85, 204);
      }

    </style>
  </head>

  <body>
    <div class="normal">
      <span class="name">Rostislav Janda</span><br/>
      Obchodní zástupce<br/>
      <br/>
      <a class="link" href="tel:+420%20721%20604%20707" value="+420721604707" target="_blank">+420 721 604 707</a><br/>
    <a class="link" href="http://www.iqbudovy.cz"> www.iqbudovy.cz</a>
      <br/>
      <br/>
      IQ Budovy s.r.o.<br/>
      <a class="link" href="[map link]">Mečířova 5, 612 00 Brno</a><br/>
      <br/>
      <img alt="IQ_Logo" src="[image address]"/>
      <br><br><br>
    </div>
  </body>
</html>

怎么了？:

你用错了<br>标签。是 <br/> 而不是 </br>
您的一个图片标签没有正确关闭
您的一个超链接 (<a>) 没有关闭
您使用 style="" 而不是 class=""

HTML gmail 显示的电子邮件签名不同

HTML e-mail signature is disaplayed differently by gmail

html

css

gmail

signature