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

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

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

先感谢您.

解决方法

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

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

此外,在html电子邮件中,您需要在声明颜色时使用6位十六进制代码.尝试背景色：#FF0000;

原文地址：https://www.jb51.cc/css/215822.html