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;

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效