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