Как мне остановить Yahoo, отображая шрифты с засечками в электронных письмах HTML, когда я указал sans-serif? - PullRequest
Новая
       14

Как мне остановить Yahoo, отображая шрифты с засечками в электронных письмах HTML, когда я указал sans-serif?

2 голосов
/ 28 июля 2011

Я собрал письмо в формате HTML. Вместе некоторые из нас здесь знают, как это сделать (таблицы, встроенные стили и т. Д.), И это прекрасно отображается в нескольких браузерах, а также в Outlook, Google и Hotmail.

Однако Yahoo - это другое дело. Весь текст отображается шрифтом с засечками, когда мы указали без засечек. Вот фрагмент кода в качестве примера того, как это было сделано: 

<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>

Мы попытались использовать теги <p> и стилизовать их внутри, также попробовали <font face="arial, sans-serif">, но ни один из них, похоже, не работает.

Кто-нибудь сталкивался с подобным опытом и / или, что более важно, есть ли какие-нибудь гуру электронной почты в формате HTML, которые знают, как решить эту проблему?

Ответы [ 3 ]

1 голос
/ 29 июля 2011

Первое, на что нужно обратить внимание - это HTML-код, который Yahoo предоставляет вашему веб-браузеру. Если они действительно изменили HTML, ответьте.

В противном случае это может быть правило CSS, которое было определено как "! Important" в их собственной таблице стилей. Если это так, то font-family:sans-serif !important может решить вашу проблему.

0 голосов
/ 25 октября 2011

Я только что проверил ваш пример через Yahoo: 

  <!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>

И он выполняет рендеринг без засечек ... единственное, что неверно, это "px" в атрибуте ширины TD.

Может быть, у вас есть некоторые критические ошибки в вашем коде, которые вызывают эту проблему?

0 голосов
/ 20 октября 2011

Оказывается, что почта Yahoo, кажется, действительно странно действует с лицами шрифтов.По моему опыту (и недавнему тесту) кажется, что вам нужно только использовать атрибут face тега <font> и не использовать font-family в линейном стиле.

Например, следующий код дает в Yahoo текст с засечками:

<font face="arial,sans-serif" style="font-family:'arial','sans-serif'">Text</font>

Но следующий пример работает правильно, изменяя грань шрифта по желанию

<font face="arial,sans-serif">Text</font>

Последнее также согласовано в Gmail, Hotmail и Outlook 2010 (и, вероятно, другие, это только те, которые я тестировал)

Удачи!

...