HTML电子邮件签名被gmail以不同的方式显示_Html_Css_Gmail_Signature

HTML电子邮件签名被gmail以不同的方式显示

html css gmail

HTML电子邮件签名被gmail以不同的方式显示,html,css,gmail,signature,Html,Css,Gmail,Signature,我使用Thunderbird作为我的主要工作邮件客户端。我刚刚创建了一个新的HTML签名，它在Thunderbird、Opera和在线HTML查看器中正确显示，但在GMail上没有。如果有人能为我指出问题所在，我将不胜感激。我已经附加了.html签名文件编辑：我意识到我没有指明问题所在：当我检查GMail web收件箱中Opera中的元素时，我看到整个文本格式为Arial，12.8 px，同时在第一行（class=.name）上丢失了不同的颜色我的CSS非常生锈，所以我怀疑错误在我这边编辑

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

编辑：我意识到我没有指明问题所在：当我检查GMail web收件箱中Opera中的元素时，我看到整个文本格式为Arial，12.8 px，同时在第一行（class=.name）上丢失了不同的颜色

我的CSS非常生锈，所以我怀疑错误在我这边

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


.normal{字体系列：“Arial”；字体大小：9pt；行高：1.25；颜色：#606060；字体重量：400}
.name{字体大小：10.5pt；颜色：rgb（119187,65）；字体重量：700；}
.link{color:rgb（17,85204）}
罗斯蒂斯拉夫·扬达

奥布乔德尼扎斯塔普





IQ Budovy s.r.o

编辑：

您可以使用内联样式设置电子邮件的样式，因为类名不完全受支持（就我而言）。使用

style=“color:red”

而不是类。内联应该适用于每个邮件程序

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

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


.正常{
字体系列：“Arial”；
字号：9pt；
线高：1.25；
颜色：#606060；
字体大小：400；
}
.姓名{
字号：10.5pt；
颜色：rgb（11918765）；
字号：700；
}
.链接{
颜色：rgb（17,85,204）；
}
罗斯蒂斯拉夫·扬达

奥布乔德尼·扎斯塔普









IQ Budovy s.r.o.

仅仅通过查看它，我就发现了一个错误：style=“link”不是有效的css属性。改用class=“link”。样式用于如下直接样式：Style=“color:blue；font.weight:bold；”Html和css错误可能会导致您遇到的问题。您能告诉我，在您接受我的代码片段后，错误是否仍然出现？您好，谢谢您的时间！我试过使用“class”（可耻的错误），但是GMail显示第一行的方式没有改变（没有颜色，字体大小不同）。嗨，我注意到你的问题仍然没有明确的答案。这是因为你忘记了还是你的问题还没有得到回答？我很乐意为您的案例提供进一步的帮助，否则请将此问题标记为已解决，因为它有助于其他用户更好地体验stackoverflow。您好，谢谢您的提醒。经过更多的实验，我几乎放弃了，但后来我运用了你的建议，学会了如何正确使用内联样式。看起来HTML签名应该基于内联CSS，因为样式的使用和呈现不一致。现在我可以自己写答案了，或者你可以按照你的想法写——你更喜欢哪一个，@TimGerhard？糟糕的错误，谢谢你的时间。然而，即使使用我们的代码也不会改变GMail上第一行（名称）的显示方式。我想这可能与浏览器有关，因为你的电子邮件在我的gmail上显示得非常完美。试着用不同的浏览器甚至手机打开gmail，告诉我这个问题是否仍然存在。我已经检查了Chrome和IE，错误是一样的。我希望我没有做傻事。我已经检查过我使用的是正确版本的签名（我是）。当我把它从Thunderbird发送到Gmail时，部分样式就丢失了。当我尝试在在线HTML代码查看器（例如Tryit）中查看它时，它会按预期工作。浏览器的改变不会改变任何东西。也许这和雷鸟有关。有时邮件程序会覆盖样式。您可以尝试内联样式（例如，您可以设置style=“color:blue；font size:12pt”，而不是class=“someclass”）。也许这是因为CSS类确实没有得到可靠的支持。将所有CSS更改为内联已证明可以解决此问题，谢谢！

<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>