雅虎重写CSS和内联样式的文本

Question

我正在设计一份目前在除雅虎以外的所有电子邮件客户端都很好的时事通讯。我已经在样式标记中同时尝试了内联样式和CSS。我没有做任何事情迫使雅虎尊重我的字体/文字样式。一切都默认为cambria和serif而不是我要展示的arial，sansserif。有没有人知道一个解决方法？谢谢。

Answer 1

发布一些代码，以便我们帮助您找到解决方案。

不知道这是否是您的问题，但无论如何我都会发布。雅虎Mail将仅呈现适用于移动设备的媒体查询。如果这是您的问题，这是您的解决方案：

<强>替换

<style>
  @media only screen and (max-device-width: 480px) {
    #mobileWrapper {width:100% !important}
    .headerText {font-size:24px !important}
  }
</style>

。通过

<style>
  @media only screen and (max-device-width: 480px) {
    *[id=mobileWrapper] {width:100% !important}
    *[class=headerText] {font-size:24px !important}
  }
</style>

注意使用[id或class here]而不是传统的.class或#id。这将迫使雅虎！邮件正确呈现您的CSS。希望这是有道理的。

Answer 2

将!important;添加到字体声明的末尾。