如何在电子邮件中使用@ 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>

注意:显然最后一行根本不起作用.

这是一个类似的帖子,答案如下:

@fontface可以在标签中使用吗？(用于电子邮件签名可靠性

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

先感谢您.

Answer 1

看看这个。经过多次测试，这是我为网络字体想到的最好的支持技术。

如果您只想要它作为签名，请说在 Outlook 之外 - 我不知道有什么技术。尽管您可以内联调用它，但实际添加/调用 Webfont URL 的所有技术都需要位于标记中<style>。这就像尝试内联调用外部样式表......不认为这是可能的。

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