超文本标记语言电子邮件中未显示的字体，下划线用于超链接
我有一个HTML电子邮件代码，如下链接所示：
https://privatebin.net/?1ca92ace7be6c777#LLNgtdGPXCC4Si0Ui7jsEt7P/gPsZ1gRq08qBTOljo=
问题是链接href=”链接的字体https://fonts.googleapis.com/css?family=SourceSans Pro:300400600700“rel=“stylesheet”type=“text/css”显示不正确，即使我已将内联样式添加到所有标记中。此外，“续订”按钮也会显示下划线。我尝试添加文本装饰：none style with！important。但没有用。有什么意见吗？
共有3个答案
并非所有电子邮件客户端都使用Web字体。一些不可用的客户端包括Gmail、Yahoo，一些字体在Outlook和Android设备的电子邮件客户端中不可用。
您需要选择一种备份字体，当不支持Open SAN时将使用该字体。我建议您使用Trebuchet或Arial或符合客户期望的备用字体。类似这样：
font-family: "Open Sans, Trebuchet, sans-serif;";
这些链接将使您更好地了解web字体以及如何在电子邮件中使用它们。
- https://www.campaignmonitor.com/css/text-fonts/font-face/
- https://www.cssfontstack.com
- https://www.cssfontstack.com/Open-Sans
- https://litmus.com/blog/the-ultimate-guide-to-web-fonts
您的按钮问题
您的按钮在Windows Mail中仅显示下划线。但是，该按钮在Outlook中显示为Times New Roman，因为您在字体系列描述中使用了单引号。它认为这是一个错误，并默认为时间。你应该解决这个问题。
您的iPhone 5和Android出现了显示问题，您应该在发送电子邮件之前解决这些问题。
祝你好运
实际上，我没有得到你到底在尝试什么，我想你想要这个应用文本装饰：无；到锚。像这样试试
a:hover { text-decoration:none; }
如果你想把字体涂在身体上，那就涂上这个
body{ font-family: 'Source Sans Pro', sans-serif;}
你在这里问了几个问题，所以我会尽力分别回答。
其他人提到，并非所有电子邮件客户端都支持Web字体。目前无法在Outlook、Gmail应用程序或任何webmail客户端中显示web字体。请注意，无论电子邮件如何编码，回退系统字体都将显示在某些电子邮件客户端中。
对于支持web字体的客户端，请在<代码>
<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
<!--[if mso]>
<style>
* {
font-family: sans-serif !important;
}
</style>
<![endif]-->
<!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. -->
<!--[if !mso]><!-->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
<!--<![endif]-->
有关web字体支持的更多信息，请参阅有关Style Campaign和Litmus的电子邮件。
关于按钮中的下划线，有时电子邮件客户端会在按钮内的链接中放置默认（有时为蓝色）下划线。可以通过针对<代码>
CSS
<head>
<style>
.button-link {
text-decoration: none !important;
}
</style>
</head>
HTML
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="border-radius: 3px; background: #222222; text-align: center;">
<a href="http://www.google.com" style="background: #222222; border: 15px solid #222222; font-family: sans-serif; font-size: 13px; line-height: 110%; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;">
<span style="color:#ffffff;" class="button-link">Button Text</span>
</a>
</td>
</tr>
</table>
-
我有一个模板用于我尝试设置的密码重置电子邮件，而不是默认的电子邮件。代码如下： 并且，在我的浏览器（chrome）中呈现，它看起来像这样： 我试图使用django中的模板，通过创建一封“密码重置”电子邮件。html，并将其传递给django。contrib。认证。密码重置视图。然而，我收到的电子邮件（显示在gmail中）看起来是这样的： 我做错了什么？我尝试了以下方法来解决此问题： 删除所有并将所
-
我有一位客户/朋友正在准备通过agencyaccess发送电子邮件。他们需要一个包含所有内容的html文档，并在一个html文档中包含电子邮件的纯文本版本。我想我有一个基本的理解，但有点困惑。我通常使用Mailchimp来处理我的电子邮件营销。 因此，我们将使用常规的html文档 但是，我们是否在此下方的某个地方为纯文本版本声明了另一种mime类型，然后电子邮件客户端选择要显示的类型？这两者是否都
-
我试图使用谷歌ap脚本发送超文本标记语言的电子邮件。我有一个谷歌文档上的超文本标记语言，我试图使用下面的代码发送。但是当我发送它时，我收到的是未格式化的文本，显示了所有超文本标记语言标签。有人能告诉我怎么做吗？我不想在脚本中包含超文本标记语言，因为最终会有很多。 var html=UrlFetchApp。取（'https://docs.google.com/document/d/documentI
-
我正在尝试使用REST API在DocuSign信封中为签名者设置电子邮件正文。我正在使用EnveloperRecipient的emailNotification属性进行设置(https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeRecipients). 我担心的是电子邮件正文是超文本标记语言，有一些链
-
我正在用HTML发送一封电子邮件时事通讯。在HTML中，我有如下内容
-
Mail multipart/alternative vs multipart/mixed的答案表明，附件应该是多部分/alternative消息的对等方，如： 多部分/混合 我想发送带有html部分的电子邮件，其中包含一些内联图像和纯文本选项。各部分的首选MIME布局是什么？示例代码和其他问题中出现了几个选项，但在实践中哪个选项效果最好？我的倾向是： 多部分/备选方案 这样，图像显然是为了渲染h