Gmail портит мои электронные шрифты - PullRequest
Новая
       6

Gmail портит мои электронные шрифты

4 голосов
/ 20 февраля 2011

Я отправляю письмо через php / html на адрес электронной почты. Электронная почта хорошо отображается в Outlook и других клиентах, но когда я использую веб-интерфейс Gmail, шрифты отображаются неправильно. Например, у меня есть это: 

<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 изменил его на стандартный размер)

ТНХ!

Ответы [ 4 ]

3 голосов
/ 21 февраля 2011

Здесь - интересный и обновленный список возможностей CSS самых популярных веб-/ настольных программ для чтения электронной почты.Сначала проверьте, это хорошее начало.

С другой стороны, учтите, что GMail на самом деле является веб-страницей, поэтому очевидно и ожидается, что атрибуты body не будут использоваться.Попробуйте найти решение на основе CSS.

Если вы хотите убедиться, что attr находится в конечном источнике, используйте FireBug, чтобы увидеть окончательный HTML-код, используемый в веб-клиенте.Нет лучшей стратегии, потому что вы смотрите именно то, что HTML-фильтр дает браузеру.

Удачи!

1 голос
/ 01 ноября 2012

В настоящее время кажется, что Gmail не поддерживает <style> теги или link/visited/active/hover селекторы состояния ссылок CSS.

Однако вы можете попробовать смоделировать это поведение с помощью JavaScript:

  • имитировать a: связь с событием onMouseOut в сочетании с style="color:#XXX;".
  • имитировать a: hover с событием onMouseOver.
  • имитировать a: active с событием onMouseDown.

например: 

<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 событие, чтобы установить "посещенный" стиль, но оно будет сброшено при перезагрузке страницы, и вам нужно будет сохранить его (временно) - возможно, заменив style.color значение обработчика события onMouseOut.

Я не пробовал этот код в Gmail, я оставлю его вам:)

1 голос
/ 20 августа 2012

Вы поместили свой CSS для ссылок в тег body, который Gmail удалит, поскольку тег body уже создан интерфейсом Gmail вокруг вашей электронной почты.Единственное решение - использовать встроенный CSS в теге <a>, например: 

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

К сожалению, вы не можете стилизовать активные и посещаемые ссылки с помощью встроенного CSS.

0 голосов
/ 10 февраля 2012

Имея ту же проблему.Вместо px используйте размер шрифта в pt , у меня это сработало.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...