Gmail vermasselt mir die E-Mail-fonts

Sende ich eine E-Mail über php/html an eine gmail-Adresse. Die E-Mail gut zeigt, in outlook & andere Kunden, aber wenn ich das web-interface von gmail, die Schriftarten nicht korrekt angezeigt. Zum Beispiel habe ich diese:

<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 ändert die Farbe von hyperlinks auf Ihre Standard-blau.
In meiner Tabelle die Zeile, die Farbe korrekt angezeigt, aber die Schriftgröße ist größer (sieht aus wie gmail geändert, um eine standard-Größe)

thx!!!

  • Keine Ahnung, aber ich habe ausgewogene es wieder.
  • Zu jeder Abstimmung zu bewegen, diese zu superuser: Dies ist ein HTML - /CSS-in-E-Mail-Frage, die StackOverflow-Gebiet.
  • wie bekommen wir es wieder auf stackoverflow? sehr ärgerlich!
  • Könnten Sie Ihre eigentliche code in der Frage? Andere HTML-mails, display gut, so manches wohl falsch in den HTML-Code. (Es könnte gut sein, dass GMail ist strenger als andere Kunden)
  • Ich habe geflaggt beide Fragen für moderator Aufmerksamkeit, so sollten sich die Dinge bewegen. Allerdings, wenn Sie nicht Ihr code, dann ist es ein Fehler für die Menschen zu machen.
  • Soweit ich mich erinnere, gmail built-in HTML-filter. Das war getan, um zu schützen Ihre Dokument-layout (nicht zu stören, die Seite layout).
  • Sehen Sie bitte diese Frage eine gute Antwort und Lösung stackoverflow.com/questions/18502111/...

InformationsquelleAutor Brent | 2011-02-20
  1. 3

    Hier's eine interessante und aktualisierte Liste der CSS-Fähigkeiten der meisten gängigen web - /Schreibtisch-basierte E-Mail-Leser. Überprüfen Sie es zuerst, es ist ein guter Anfang.

    Auf der anderen Seite, beachten Sie, dass GMail ist eigentlich eine web-Seite, so ist es offensichtlich, und erwarteten, dass der Körper attrs nicht verwendet werden. Betrachten Sie für eine CSS-basierte Lösung.

    Wenn Sie sicherstellen möchten, dass die attraktiv ist in der letzten Quelle, verwenden Sie FireBug zu sehen, die endgültige HTML im web-client. Es gibt keine bessere Strategie, denn Sie sind genau das, was der HTML-filter gibt an den browser.

    Glück!

    InformationsquelleAutor Gonzalo Larralde
  2. 1

    Haben Sie legen Sie Ihre CSS-Code für die links im body-tag, die Gmail-Streifen, da der body-tag ist bereits erstellt, die von der Google Mail-Schnittstelle, um Ihre E-Mail. Ihre einzige Lösung ist die Verwendung von inline-CSS in der <a> tag, wie diesem:

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

    Leider können Sie Stil, aktive und besuchte links über inline-CSS.

    InformationsquelleAutor Mike
  3. 1

    Derzeit, so scheint es, dass Google Mail nicht unterstützt <style> tags oder link/visited/active/hover CSS-link-state-Selektoren.

    Jedoch, können Sie versuchen, dieses Verhalten zu simulieren, die mit JavaScript:

    • simulieren a:link mit der onMouseOut Veranstaltung in Kombination mit style="color:#XXX;".
    • simulieren a:hover mit der onMouseOver
      event.
    • simulieren a:active mit der onMouseDown Veranstaltung.

    z.B.:

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

    Können Sie wahrscheinlich verwenden Sie die click - Ereignis, um eine "besucht" - Stil, aber es wird zurückgesetzt, wenn die Seite neu geladen, und Sie müssen, um bestehen es (vorübergehend) - möglicherweise durch den Austausch des onMouseOut event-handlers style.color Wert.

    Ich habe nicht versucht, diesen code in Gmail, überlasse ich Euch 🙂

    InformationsquelleAutor Alon Brontman
  4. 0

    Habe das gleiche problem. Statt px verwenden Sie die font-size in pt, es funktionierte für mich.

    • Wahrscheinlich besser mit em statt pt zu erlauben, den text zu skalieren, auf tablets und Smartphones.
    InformationsquelleAutor Vasco
Schreibe einen Kommentar