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

【问题标题】：How to use @font-face in an email?如何在电子邮件中使用@font-face？
【发布时间】：2014-04-01 12:58:29
【问题描述】：

这是一个关于 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>

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

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

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

提前谢谢你。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：