我正在接替构建HTML电子邮件的人,模板中充满了字体标记。这真的有必要吗?我知道CSS支持在电子邮件中不是很好,但如果我在容器<td>
上为文本设置内联样式,就像这样......
<td style="font-family:Arial, Helvetica;color:#555555;font-size:12px">
...当然,这将适用于大多数电子邮件客户端。从我进行过的测试看来似乎就是这种情况,this article似乎证实了这一点。
任何人都有关于HTML电子邮件中是否真的需要<font>
标记的任何输入?
答案 0 :(得分:67)
可悲的是,接受的答案是不正确的,甚至像@MrMisterMan的帖子这些可怕的东西仍然是 de rigeur 。
不推荐使用,字体标记仍然是几乎所有电子邮件客户端(新旧电子邮件客户端)的唯一功能。请记住,电子邮件不是网络,它仍然是积极的antediluvian。有些电子邮件服务做了无法形容的事情;我遇到了一个盲目剥离所有HTML标签(忽略提供的纯文本版本),将链接图像转换为附件,导致无法读取的混乱。即使考虑在面对这种故意破坏的情况下使用内联样式也是如此。
想知道大洞在哪里? Hotmail的。即使在2013年,hotmail,live.com和outlook.com剥离或替换内联样式,是的。责怪微软:hotmail,live,outlook.com和outlook在过去几年里都变得更糟(例如浮动因素从前景中被删除.com 6个月前; 2007年的前景图片背景下降,自那以后就没有了。
内联样式适用于Gmail,但它会删除正文标记之外的任何内容。一些公司邮件过滤器(如BlackSpider / WebSense)完全相反,所以如果你想完全确定你的样式,你需要在head标签中加一个样式标签,在体内放一个副本(无效,但是它工作),相同的样式内联(看premailer项目),最后使用字体标签相同的样式。是的,它是疯了,但没有多少希望会让问题消失。你当然可以放弃其中的一部分,但这样做你就会暗中接受它在某些地方看起来不一样。你需要看看你的观众 - 一个新的移动音乐网站可能会侥幸逃脱,但是企业养老金提供者可能需要生活在2003年的字体标签之地。
幸运的是,Apple Mail,iOS邮件和iCloud都具有非常出色的HTML处理能力(正如Campaign Monitor表格所示,the email standards project也是如此)。由于大多数移动阅读都使用了某种WebKit,因此在移动设备上呈现通常比在台式机上更加一致(并且更好)。
你可以简单地说它不值得付出努力(接受的答案实际上是这样说的) - 任何使用蹩脚邮件阅读器的人显然都不关心他们的电子邮件是什么样的,但那并不是#39;意思是你的造型不会破裂。
答案 1 :(得分:13)
你的假设是正确的。他们没必要。另外,从技术上讲,<font>
标记已从HTML 4开始不推荐使用,因此您可以单独删除它。
如果您需要特定文字的内联css样式,那么最好使用内嵌样式的<span>
代码,而不是<font>
代码。
Campaign Monitor拥有关于当前CSS support in emails的最佳资源。