Google Mail zeigt nicht die richtige schriftart
Ich versuche, ändern Sie die schriftart von E-Mails von mir zu öffnen, sans, aber ich habe Probleme mit Gmail-rendering die richtige schriftart. Ich habe es geschafft einen Weg zu finden, lösen das Problem für outlook. Dies ist, was ich habe:
body {
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
}
Ich habe auch versucht, andere Dinge wie die Angabe aller text open sans:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300'rel='stylesheet'type='text/css'>
<style type="text/css">
.stylealltext { font-family: 'Open Sans', sans-serif;}
.stylealltextbold {font-weight: bold; font-family: 'Open Sans', sans-serif; }
Jedoch, Gmail entscheidet, um zu zeigen, Arial, während Google Posteingang entscheidet, um zu zeigen, Helvetica.. Es sieht aus wie Google-mailing-services einfach überschreibt, was ich es füttern. Kann mir jemand helfen?
Lösung
Salvimatus Lösung gearbeitet:
<span style="font-family: your-chosen-font">your text</span>
Die Spanne muss manuell Hinzugefügt.
InformationsquelleAutor Ray | 2015-02-26
Du musst angemeldet sein, um einen Kommentar abzugeben.
Google Mail nicht unterstützt @font-face.
Für Sie anpassen, die schriftart, die Sie schreiben sollen inline in jedem block von text, den Sie haben:
< span style="font-family: your-chosen-font">your text< /span>
Hinweis: Sie müssen eine schriftart haben wir die nativ auf Windows oder Mac.
InformationsquelleAutor salvimateus
Styling-Linie ist definitiv die beste Praxis jedoch scheint es, die wichtigsten E-Mail-clients bieten Unterstützung für das hinzufügen einer schriftart Erklärung zu CSS enthalten im Kopf der html-Datei.
Als Aaron erwähnt benutzerdefinierte Schriftarten funktionieren nicht in E-Mails und wahrscheinlich nie wird für die absehbare Zukunft. Um dies zu vermeiden, besprechen Sie vorher mit den Kunden oder Designer. Nur websichere Schriftarten wird die Anzeige im E-Mail-clients und selbst dann bekommt man gemischte Ergebnisse in führenden und kerning-und cross-Plattform.
Salvimateus ist richtig, dass im folgenden wird eine ultimative Lösung.
Dies ist aber auch Arbeit:
Wie wird dies:
Kann ich bestätigen, die Letzte option scheint zu funktionieren in den gängigen E-Mail clients (Gmail, Outlook, iOS) sowohl für desktop und mobile, und ich habe gute Ergebnisse gesehen, die auf Windows phones auch.
Dies ist vor allem auf die E-Mail wird neu kompiliert durch die 3rd-party-E-Mail-marketing-software sind Sie natürlich mit und die css geschoben inline vom compiler.
Das Ergebnis ist hier weniger die ersten arbeiten für den Entwickler.
Als Seite beachten, wenn Sie geschehen, um alle drei (nur um sicher zu sein) - dann Salvimateus Lösung trump allen anderen, wie es angewendet wird, um die
<span>
. In diesem Fall ist es zuletzt gelesen und damit gemacht, indem Sie die E-Mail-client.InformationsquelleAutor mydigitalodyssey
Rahmen der Kampagne Überwacht post: Guide to CSS support in email Gmail unterstützt nicht die
@font-face
Regel. Eigentlich ist es kaum Unterstützung. :/InformationsquelleAutor DNReNTi
In inline-css, wenn Sie das hinzufügen von benutzerdefinierten schriftart am Anfang des font-family-Deklaration, outlook-desktop-apps unter windows starten Sie das Rendern der schriftart 'Times New Roman'. Umgehung des Problems stellen Sie die benutzerdefinierte schriftart in der Medien-Abfrage.
So, Ihre inline-font-family-Deklaration kann
Und fügen Sie diese an den head-Bereich Ihrer HTML-Datei
Bringen Sie zunächst die schriftart von Google fonts
Fügen Sie dann die media queries
Dadurch ist sichergestellt, dass kein problem mit outlook und Ihre eigene schriftart machen wird, in der alle diejenigen, die es unterstützen.
InformationsquelleAutor MD Tarik Hasan Khan