谷歌网页字体在HTML通讯中如何应用?

8

我正在制作一封HTML邮件,使用的字体是来自Google WebFonts的Oswald。我通过以下代码将其插入到HTML中:

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

似乎谷歌邮件客户端上未显示字体..是否有其他方法实现带此字体的HTML邮件,以便在谷歌邮件中显示?

谢谢, 丹尼尔。


1
放弃在HTML电子邮件中使用自定义字体。在大多数电子邮件客户端中,它不起作用。这是一篇随机的旧博客文章:http://www.campaignmonitor.com/blog/post/3044/does-font-face-work-in-email/ - thirtydot
4个回答

9

显然这取决于客户端软件,但是这个链接对我很有帮助。总结一下,可以这样包含CSS:

<style>
    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
</style>

只需添加一个可靠的备用字体。

然而,由于Gmail不接受<style>标签,我猜这意味着你不能在Gmail上使用Google字体。 - Cthulhu

4
抱歉,在此回答发布时,您将无法做到这一点。最好的方法是使用图片,但在电子邮件中无法替换字体。
很多人不喜欢HTML邮件,而且邮件客户端在显示HTML和CSS方面远远落后于浏览器。Emailology很好地解释了所有这些。我仍然使用表格来制作一些HTML邮件。这很糟糕,但目前就是这样。
更新:如上所述,现在可以将内联导入到您的HTML中。

公平地说,这个答案现在已经超过2年了。 - SpaceBeers

-1

如果你从逻辑上考虑,它应该可以工作,但似乎邮件代理不允许这样做。可能他们有一些过滤器在运行。

1)可能的解决方案是使用图像,但某些邮件代理默认情况下不显示图像,除非你告诉它们这样做。

2)更好的选择是使用HTML5和CSS3,它们可以成为新闻通讯目的或任何网页的有效方式。


1
这在电子邮件中行不通。如果你在Lotus Notes / Outlook中打开CSS3,你将得不到好的结果。这完全与电子邮件客户端有关。在Outlook中,逻辑与任何事情都没有太大关系。 - SpaceBeers
Outlook/Lotus支持CSS3吗? - Brij
不要啊。他们几乎不支持CSS。看看这个网址- http://www.emailology.org/ - SpaceBeers
Outlook支持HTML吗?如果支持,那么为什么不支持CSS呢?请查看http://www.campaignmonitor.com/css/。 - Brij

-2

无法工作....

将您的通讯作为HTML发送。并使用链接标签引用字体,然后使用Google指定的名称。

->参考

<link href='http://fonts.googleapis.com/css?family=Henny+Penny' rel='stylesheet' type='text/css'>

->使用

<p style="font-family: 'Henny Penny', cursive">
Your text goes here
<p>

没起作用


这就是他所说的。 - Mathias Lykkegaard Lorenzen

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接