无法在电子邮件模板中正确显示字体和图像

Question

我已经使用一个电子邮件模板作为一个单一的页面html与样式(css)嵌入到它，我可以显示所有的样式，包括字体和图像正确地在html页面。但是，当我在C#应用程序( Windows的测试版本)中使用此模板发送电子邮件时，字体和图像样式不能应用于Outlook消息。到目前为止，我试图做的是：

• 将字体文件(ttf)添加到我的电子邮件模板的同一个目录中(与html文件相同)。
• 将图像(base64)嵌入到html文件，如下所示：
• 尝试在url中使用字体，如下所示： https://fonts.googleapis.com/css?family=Source+Sans+Pro‘rel=’样式表‘type='text/css'>

但是它们都没有任何意义，并且这个模板发送的电子邮件中没有显示图像。此外，字体类型与html文件(SourceSansPro)上的字体类型不一样。

是否可以将字体嵌入到html文件中，并在此模板创建的outlook消息上正确地显示字体和图像？请注意，我使用*.txt文件作为模板，但是它中的代码正好是html，可以正确地显示.

Answer 1

尝试在电子邮件模板中插入用于自定义字体和图像的代码：

<style type="text/css">
@media screen {
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  }

  ...

  body {
    font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
  }
</style>

<html>
    <head>
    </head>
    <body>
        <img src="data:image/jpg;base64,/*base64-data-string here*/" />
    </body>
</html>

Answer 2

至于字体，只有一个非常简单的解决方案可以工作。只需将内容包装在不推荐的字体元素中即可！

<font face="Verdana">
<!-- content -->
</font>