html - 让谷歌字体正确加载到 Outlook 中的 HTML 电子邮件中

Question

大家好 – 我已经找到几个网页来解决这个问题，但我仍然没有成功。我想将谷歌字体(在本例中为 Fira Sans)加载到 html 电子邮件中，以便它实际显示在 Outlook 中。

我在浏览器中打开 .html 文件，它看起来不错(但可能是因为我在本地安装了字体)，但是当我将它复制到 Outlook 时，它显示为后备字体 Helvetica。

这是我从各种来源拼凑的代码，但仍然没有成功:

IN HEAD(尝试了两件事)

1.

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Fira+Sans:300,500,500italic" type="text/css">

<style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,500,500italic);
</style>

在体内

<td width=300 valign=bottom style="width:225.0pt; padding:0in 5.4pt 0in 5.4pt; font-family: 'Fira Sans', Helvetica , Arial, sans-serif;">
<p class=MsoNormal><i><span style="font-size:22.0pt; font-family:'Fira Sans', Arial, Helvetica, sans-serif !important; font-weight:500!important; color:#7030A0; font-style:italic;"><font face="'Fira Sans', Helvetica, Arial, sans-serif;">Joining Together</font></span></i></p>
</td>

谢谢!

Answer 1

您的网址错误。使用以下任何一项:

<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,500;1,500&display=swap');
</style>

或

<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,500;1,500&display=swap" rel="stylesheet">