时间戳

首页 > 解决方案 > 电子邮件的字体导入后备

html - 电子邮件的字体导入后备

问题描述

我希望这不是重复的，我找不到类似的东西。

我不希望基本字体像这样退回：font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

我想要导入的后备。
所以我<head>的电子邮件中有这样的东西，所以如果电子邮件客户端不支持一种方法，它会采用下一种方法（到目前为止我的想法）。

<style>
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins-Regular'), url(myFontUrl) format('woff');
}

@import url('myFontUrl');

</style>

<link href="myFontUrl" rel="stylesheet" type="text/css">

这可能是多余的，但它会像我想要的那样工作吗？如果@font-face不支持使用@import等等。或者我会遇到我现在看不到的其他问题吗？

标签： htmlemailfontshtml-email

解决方案

老实说，我认为这不会有很大的不同。电子邮件客户端出于安全原因专门阻止使用 Web 字体，而不是您访问字体 URL 的方法。

因此，无论使用哪种导入方法和您发布的代码，电子邮件客户端更有可能会阻止 Web 字体并加载您可以设置为后备的预定义安全字体列表之一。

参考这样的陈述：

我不希望基本字体像这样： font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

...如果电子邮件客户端专门阻止 Web 字体，您实际上无法选择加载或不加载什么。

但以防万一支持网络字体的电子邮件客户端出现问题 - 如果您可以说明哪些电子邮件客户端没有看到您的字体加载，这可能会有所帮助，然后我们可以帮助检查是字体问题还是电子邮件客户端阻塞问题。

推荐阅读