Benutzerdefinierte Schriftarten in E-Mails

Ein Leser schreibt

Wäre es möglich, eine ganze Schriftart in CSS zu zeichnen, die in E-Mails versendet werden kann? Unser Unternehmen muss E-Mails an etwa 20.000 Personen senden, um eine neue Marke einzuführen, die wir auf den Markt bringen. Die E-Mails werden in HTML/CSS sein. Mein CEO ist sehr spezifisch bezüglich der Art der Ästhetik, die er erreichen möchte, und dazu gehört die Verwendung einer Schriftart, die weder auf Mac- noch auf Windows-Computern nativ ist. Wir möchten keine Bilder in unserer E-Mail verwenden.

Zunächst einmal ist es ziemlich cool, dass sich Ihr CEO überhaupt um Typografie und Ästhetik kümmert. Es ist normalerweise eine gute Sache, wenn die Person, die das Schiff steuert, sich um Schönheit und Details bis zu dieser Ebene kümmert. Betrachten wir die Optionen.

Das erste, was einem heutzutage bei benutzerdefinierten Schriftarten in den Sinn kommt, ist @font-face. Die Browserunterstützung dafür ist ziemlich gut. Leider brauchen wir hier keine Browserunterstützung, sondern E-Mail-Client-Unterstützung. Laut einiger Forschung von Campaign Monitor funktioniert @font-face nur in Apples Mail.app und der Mail-App auf iOS. Sie könnten versuchen, Ihrem CEO die progressive Enhancement-Argumentation näherzubringen, aber bei einem so geringen Unterstützungsgrad könnte das ein harter Verkauf sein.

Eine weitere Sache, die Sie erwähnten, war der Versuch, die Schriftart irgendwie durch CSS nachzubilden. Vielleicht etwas in dieser Art. Ich habe mich auch ein wenig mit diesem Konzept befasst, insbesondere mit dem Gedanken an bildfreie E-Mails. Dies ist jedoch das Reich der großen Pixelkunst. Eine Schriftart Pixel für Pixel ohne Kantenglättung nachzubilden, ist, wie Sie sicherlich wissen, eine Schnapsidee.

In Wirklichkeit denke ich, dass es zwei Lösungen gibt.

Die erste besteht darin, diesen Satz zu überdenken: „Wir möchten keine Bilder in unserer E-Mail verwenden.“ Warum nicht? Es scheint Ihnen in Ordnung zu sein, HTML-E-Mails zu versenden, da Sie speziell nach cleveren Lösungen suchen und Text-E-Mails außer ASCII-Art kaum clever sein können. Leute verwenden ständig Bilder in E-Mails. Zugegebenermaßen ist die Tatsache, dass Benutzer oft explizit wählen müssen, sie anzuzeigen, ein kleiner Nachteil, aber die Verwendung von richtigem ALT-Text für die Bilder sorgt dafür, dass die E-Mail immer noch funktioniert, auch wenn sie das nie tun.

Die zweite besteht darin, die Sache mit benutzerdefinierten Schriftarten in E-Mails aufzugeben. Nicht um pessimistisch zu klingen, aber Ihre Marke wird nicht durch das Fehlen einer bestimmten Schriftart in einer E-Mail ruiniert. Überall dort, wo Sie sich einig sind, dass es *kritisch* ist (z. B. ein Slogan?), verwenden Sie ein Bild, ansonsten verwenden Sie eine schöne, gut lesbare Schriftart, die gut zu Ihrer Marken-Schriftart passt, und widmen Sie sich wichtigeren Aufgaben.

Persönlich würde ich mich trotz der derzeit geringen Unterstützung für @font-face entscheiden. Die aktive Entwicklung dessen, was Sie *haben* möchten, hilft dabei, den nötigen Schwung aufzubauen, um Produktanbieter (in diesem Fall E-Mail-Clients) dazu zu bringen, ihre Produkte zu verbessern und uns eine bessere CSS-Unterstützung zu bieten.

Update, Dezember 2012

Aktuelle Forschung von Campaign Monitor. Zum Zeitpunkt dieses Updates umfasst die Unterstützung: iOS Mail, Mail.app unter OS X, Lotus Notes 8, Standard-Mail unter Android, Outlook 2000 und Thunderbird.