當我指定sans-serif時，如何停止Yahoo顯示HTML電子郵件中的serif字體？

我已經放在一起的HTML電子郵件。我們幾個人一起知道如何做得很好（表格，內聯樣式等），並且可以在多種瀏覽器以及Outlook，Google和Hotmail上完美顯示。當我指定sans-serif時，如何停止Yahoo顯示HTML電子郵件中的serif字體？

但是，雅虎是另一回事。當我們指定sans-serif時，所有文本都以serif字體顯示。這裏是因爲它是如何做了一個實例的代碼片段：

<tr> 
    <td colspan="2" width="600px" style="padding: 15px 0 15px 0; font-family:arial,sans-serif; font-size:40px; color:#0066cc;"> 
    Some text in here 
    </td> 
</tr>

我們使用標籤，而不是和造型內部的嘗試，也嘗試但是這些都似乎工作。

有沒有人有類似的經驗和/或更重要的是，有任何HTML電子郵件大師誰知道如何解決這個問題？

來源

2011-07-28 Jon

你嘗試過「font-family：sans-serif！important」嗎？ –

首先要看的是雅虎提供給您的網頁瀏覽器的HTML。如果他們實際上修改了HTML，那麼你的答案就是。

否則，它可能是一個CSS規則，它在自己的樣式表中被定義爲「！important」。如果是這種情況，那麼font-family:sans-serif !important可以解決您的問題。

來源

2011-07-29 07:45:20

事實證明，雅虎郵件似乎行爲真的很奇怪的字體。根據我的經驗（以及最近的測試），您似乎只需要使用標記的face屬性和而不是在內聯樣式中使用font-family。

例如，下面的代碼產生具有襯線文本在雅虎：

Text

但接下來的實例正常工作，根據需要修改字型

Text

後者在Gmail，Hotmail和Outlook 2010中也是一致的（可能還有其他的，那些只是我測試過的）

祝你好運！

來源

2011-10-19 22:45:22 zashu

我只是通過雅虎跑你的例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Untitled Document</title> 
    </head> 
    <body> 
    <table> 
     <tr> 
     <td colspan="2" width="600px" style="padding: 15px 0 15px 0; font-family:arial,sans-serif; font-size:40px; color:#0066cc;"> 
     Some text in here 
     </td> 
     </tr> 
    </table> 
    </body> 
    </html>

而且它呈現無襯線字體...這是不正確的唯一事情是對TD的寬度屬性的「PX」。

也許您的代碼中存在導致此問題的一些嚴重錯誤？

來源

2011-10-25 04:49:26 marcy23

當我指定sans-serif時，如何停止Yahoo顯示HTML電子郵件中的serif字體？

回答

相關問題