如何在电子邮件中使用@ font-face？

Question

这是一个关于CSS的棘手问题。我必须发送一些风格的电子邮件。使样式在电子邮件中工作的唯一方法是在标记之后写入它们（我甚至无法编写<style type="text/css">，因为邮件服务器会忽略它）。所以，这是我必须做的一个例子：

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

例如，这完美无缺。问题是我需要使用css @ font-face查询。有没有办法像这样包括它？

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

注意：显然最后一行根本不起作用。

这是一篇类似的帖子，答案是：

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

但我不能使用外部样式表或将其复制到样式部分，因为它不起作用。

提前谢谢。

Answer 1

看看this。经过大量测试后，这是我为webfonts提出的最佳支持技术。

如果你只想签名，请说出Outlook - 没有我所知道的技术。即使您可以内联调用它，实际添加/调用webfont URL的所有技术都需要在<style>标记中。这就像尝试内联调用外部样式表...不要认为这是可能的。

此外，在html电子邮件中，您需要在声明颜色时使用6位十六进制代码。试试background-color:#FF0000;