Question

我通过php / html向gmail地址发送电子邮件。电子邮件显示在outlook＆amp;其他客户端但是当我使用gmail的web界面时，字体无法正确显示。例如，我有这个：

<html><body link="#00CCFF" vlink="#000000" alink="#000000">
<table width="100%">
<tr align="left" style="color:#000000"; height="25px"><td>Col0</td><td>Col1</td><td>Col2</td><td>Col3</td><td>Col4</td></tr>
<tr align="left" style="color:#00CCFF; font-size:9px;"><td><a href="http://www.example.com">click</a></td><td colspan="4">row1</td></tr>
<tr align="left" style="color:#00CCFF; font-size:9px;"><td><a href="http://www.example.com">click</a></td><td colspan="4">row2</td></tr>
</table>
</body></html>

Gmail会将我的超链接颜色更改为默认蓝色。在我的表格行中，颜色显示正确，但字体大小更大（看起来像gmail将其更改为标准大小）

THX！

Answer 1

Here是最受欢迎的基于网络/桌面的电子邮件阅读器的CSS功能的有趣和更新列表。先检查一下，这是一个好的开始。

另一方面，考虑到GMail实际上是一个网页，所以很明显并且预计不会使用身体吸引力。考虑寻找基于CSS的解决方案。

如果要确保attr进入最终源，请使用FireBug查看Web客户端中使用的最终HTML。没有更好的策略，因为您正在密切关注HTML过滤器为浏览器提供的内容。

祝你好运！

Answer 2

您已将CSS添加到正文标记中的链接，因为正在围绕您的电子邮件的Gmail界面创建正文标记，因此Gmail会将其删除。您唯一的解决方案是在<a>标记中使用内联CSS，如下所示：

<a href="#" style="color: #123456;">text</a>

不幸的是，您无法通过内联CSS设置活动和访问过的链接的样式。

Answer 3

目前，Gmail似乎不支持<style>代码或link/visited/active/hover CSS链接状态选择器。

但是，您可以尝试使用JavaScript模拟此行为：

使用onMouseOut事件与style="color:#XXX;"一起模拟 a：link 。
使用onMouseOver模拟 a：hover 事件
使用onMouseDown事件模拟 a：active 。

e.g：

<a href="http://www.example.com"
   style="color:#00CCFF;" onMouseOut="this.style.color='#00CCFF'"
   onMouseOver="this.style.color='#FFFF00'"
   onMouseDown="this.style.color='#FF0000'">click</a>

您可以使用click事件来设置“已访问”样式，但它会在页面重新加载时重置，并且您需要（暂时）保留它 - 可能通过替换{{ 1}}事件处理程序的onMouseOut值。

我还没有在Gmail中尝试过此代码，我会留给您：）

Answer 4

遇到同样的问题。而不是 px 使用 pt 中的字体大小，它对我有用。

Gmail搞砸了我的电子邮件字体

4 个答案: