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

前端之家收集整理的这篇文章主要介绍了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;

猜你在找的CSS相关文章