有没有办法在HTML电子邮件中使用Google Web Fonts？

Question

HTML电子邮件必须（应该）内嵌CSS，以便在大多数电子邮件客户端中实现预期的设计。

有没有办法将Google网络字体链接到或嵌入此类电子邮件中，但仍然可以在电子邮件客户端中广泛接受（适当呈现）？

我知道另一种方法是使用相应的排版图像，但我会首先搜索可能有效的其他内容。

Answer 1

如果绝对需要字体，则必须将文本作为图像解决方案。截至12月，只有iOS Mail，Mail.app，Lotus Notes 8，默认Mail on Android，Outlook 2000和Thunderbird支持使用外部自定义字体。

请参阅： http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email

---

编辑2014年2月10日：由于这是我最受欢迎的答案之一，这里是电子邮件中网络字体最佳做法的更新链接：

http://www.campaignmonitor.com/resources/will-it-work/webfonts/

Answer 2

您现在可以使用NPM包custom-fonts-in-emails将自定义字体嵌入电子邮件中的图像。 https://github.com/crocodilejs/custom-fonts-in-emails

import customFonts from 'custom-fonts-in-emails';
import path from 'path';

const options = {
  text: 'Make something people want',
  fontNameOrPath: 'GoudyBookletter1911',
  fontColor: 'white',
  backgroundColor: '#ff6600',
  fontSize: 40
};

customFonts.png2x(options)
  .then(console.log)
  .catch(console.error);

输出：

<img width="461" height="51" src="data:image/png;base64,..." title="Make something people want" alt="Make something people want" style="color: white;font-size: 25.5px;line-height: 51px;text-align: center;background-color: #ff6600;">

渲染：