Html Yahoo覆盖了文本的CSS和内联样式

Html Yahoo覆盖了文本的CSS和内联样式,html,css,html-email,Html,Css,Html Email,我正在设计一份时事通讯,目前在除雅虎以外的所有电子邮件客户机上看起来都不错。我在样式标签中尝试了内联样式和CSS,并同时尝试了两者。我所做的一切都不会迫使雅虎尊重我的字体/文本样式。所有内容都默认为cambria和serif,而不是我要显示的arial和sansserif。有人知道解决方法吗?谢谢。发布一些代码,以便我们可以帮助您找到解决方案 没有线索,如果这是你的问题,但我会张贴它无论如何。雅虎!邮件将呈现仅适用于移动设备的媒体查询。如果这是您的问题,以下是您的解决方案: 更换 <sty

我正在设计一份时事通讯,目前在除雅虎以外的所有电子邮件客户机上看起来都不错。我在样式标签中尝试了内联样式和CSS,并同时尝试了两者。我所做的一切都不会迫使雅虎尊重我的字体/文本样式。所有内容都默认为cambria和serif,而不是我要显示的arial和sansserif。有人知道解决方法吗?谢谢。

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

没有线索,如果这是你的问题,但我会张贴它无论如何。雅虎!邮件将呈现仅适用于移动设备的媒体查询。如果这是您的问题,以下是您的解决方案:

更换

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

@仅介质屏幕和(最大设备宽度:480px){
#mobileWrapper{宽度:100%!重要}
.headerText{字体大小:24px!重要}
}

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

@仅介质屏幕和(最大设备宽度:480px){
*[id=mobileWrapper]{宽度:100%!重要}
*[class=headerText]{字体大小:24px!重要}
}

注意使用[id或class]而不是传统的.class或#id。这将迫使Yahoo!邮件以正确呈现CSS。希望有意义。

添加
!重要的到字体声明的结尾。

您尝试过吗?发布一些代码,以便我们可以看到您的样式应用于何处