Wie benutzt man @ font-face in einer E-Mail?

Question

Hier ist eine knifflige Frage zu CSS. Ich muss eine E-Mail mit einigen Stilen senden. Die einzige Möglichkeit, Stile in der E-Mail zu verwenden, besteht darin, sie direkt nach den Tags zu schreiben (ich kann nicht einmal eine <style type="text/css"> schreiben, weil der Mail-Server sie ignoriert). Also, das ist ein Beispiel dafür, was ich tun muss:

<div style="background: red;"></div> 

Zum Beispiel, das funktioniert perfekt. Das Problem ist, dass ich die css @ font-face Abfrage verwenden muss. Gibt es eine Möglichkeit, es so einzuschließen?

<div style="background: red; @font-face { font-family: 'myFont'; src: url('myURL'); }"></div> 

Hinweis: offensichtlich funktioniert letzte Zeile überhaupt nicht.

Hier ist eine ähnliche Position mit einer Antwort:

Can @fontface be used within a tag? (for email signature reliability)

Aber ich kann nicht ein externes Stylesheet oder kopieren Sie sie in einem Stil Abschnitt verwenden, weil es nicht funktioniert.

Vielen Dank im Voraus.

Answer 1

Werfen Sie einen Blick auf this. Nach vielen Tests ist es die beste unterstützte Technik, die ich für Webfonts entwickelt habe.

Wenn Sie es nur für eine Signatur möchten, sagen Sie aus Outlook - Es gibt keine Technik, die mir bekannt ist. Obwohl Sie es inline nennen können, müssen alle Techniken, um die Webfont URL tatsächlich hinzuzufügen/aufzurufen, in einem <style> Tag sein. Es ist so, als würde man versuchen, ein externes Stylesheet inline aufzurufen ... glaube nicht, dass es möglich ist.

Auch in HTML-E-Mail müssen Sie den 6-stelligen Hex-Code beim Deklarieren von Farben verwenden. Versuchen Sie background-color:#FF0000;