有沒有在HTML電子郵件中使用Google Web字體的方法？

Question

爲了在大多數電子郵件客戶端中擁有預期的設計，HTML電子郵件必須（應該）將CSS內聯。

有沒有辦法將Google Web字體鏈接到或嵌入到此類電子郵件中，但仍保持電子郵件客戶端之間的廣泛接受度（適當渲染）？

我知道另一種方法是將圖像與相應的印刷術相結合，但我會首先搜索其他可能起作用的東西。

Answer 1

如果字體是絕對必要的，您將不得不使用文本作爲圖像解決方案。截至12月，只有iOS Mail，Mail.app，Lotus Notes 8，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;"> 

呈現：