如何在电子邮件或电子邮件模板中使用自定义字体

     2023-03-15     16

关键词:

【中文标题】如何在电子邮件或电子邮件模板中使用自定义字体【英文标题】:how to use customs fonts in emails or email templates 【发布时间】:2012-11-09 06:18:06 【问题描述】:

为什么我们不能在电子邮件中使用自定义字体,为什么大多数邮件提供商不支持 @font-face 样式

【问题讨论】:

因为你把所有的时间都花在了在 Outlook 中排列东西上。 有些邮件客户端支持@font-face,有些不支持。 “如何使用自定义字体”问题在许多现有的 SO 问题中得到解决。 “为什么 [...] 不受支持”的问题并不具有建设性。 要回答您的问题,电子邮件要求所有 css 都内联。 【参考方案1】:

我不同意之前的一些回答,说你不能或不应该。

许多现代电子邮件客户端确实支持使用 @import 和 @FONT_FACE 方法的网络字体。

虽然支持这些字体的电子邮件客户端列表很详尽,但它们仍然在 10 个最常用的客户端列表中。

支持这些方法的客户端是:

美国在线邮件

原生 Android 邮件应用(不是 Gmail 应用)

苹果邮件

iOS 邮件

展望 2000

Outlook.com 应用

使用网络字体时,只需确保为不想玩球的客户提供备用网络安全字体,不设置备用网络安全字体会将字体默认为 Times New Roman 之类的字体。

正如其他人所说,如果您绝对需要一种不受支持的字体,这对您的设计很重要(例如:在标题中),最好将文本作为图像的一部分。请注意,在不加载图像的电子邮件客户端中,可能不清楚您的电子邮件是关于什么的。

您可以在电子邮件here 中阅读有关网络字体最佳实践的更多信息

【讨论】:

【参考方案2】:

如果您想使用它们,只需从 Microsoft Office Word 中复制并粘贴它们即可。它对我有用。我使用 Live 和 ProtonMail 对其进行测试,并使用了 2 种不同的浏览器(Chrome 和 Opera)。

【讨论】:

不,这是一个严重的错误;如果收件人没有您粘贴的字体,他将看不到它。它将被默认字体替换。是的,应该使用网络字体。【参考方案3】:

至少你总是可以像过去那样放图片而不是文字;-)

【讨论】:

大多数时候图片不会显示,邮件客户端往往会屏蔽它们。【参考方案4】:

虽然到目前为止,上面的答案可能是正确的。看起来答案可能会改变。

良好的电子邮件营销设计是关于优雅的降级。虽然一些主要的电子邮件客户端不支持网络字体,但有些支持……包括移动设备上的客户端。如果您愿意确保您的后备字体不会以不可接受的方式破坏您的设计,那么活动监视器有一篇很棒的文章,介绍了对不同客户的支持状态和最佳实践。

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

【讨论】:

链接失效,文章不在了。【参考方案5】:

简单地说..你不能。或者更确切地说,你不应该因为缺乏支持。

使用自定义字体的唯一方法是为文本创建图像。根据文本的数量,这可能可行,也可能不可行。

【讨论】:

真的...那么为什么我可以在大多数电子邮件客户端中看到带有网络字体的电子邮件 @Pooya 你看到这是一个 2012 的问题,对。在过去的几年里,情况有所改善。但是,在电子邮件中依赖字体仍然不是一个绝对的好主意。但只要你有后备选项,应该没问题。 看看乔恩的回答。这篇文章写于 2012 年。 我知道.. 并查看不支持的内容。仅仅因为事情在您的电子邮件客户端上运行,这并不意味着它们应该被使用,假设它们适用于世界上的每个人。争论这个没有意义..使用你想要的。我会坚持我所知道的可靠的。 您可以使用 @font-face 并回退到例如Arial - 一些客户支持它。

如何在gmail中使用自定义字体?

】如何在gmail中使用自定义字体?【英文标题】:Howtousecustomfontingmail?【发布时间】:2017-01-0120:01:24【问题描述】:我们如何在邮件程序中使用自定义字体,尤其是gmail。我进行了很多搜索,但没有发现任何有用的东西,但我在我... 查看详情

WooCommerce Sensei 电子邮件自定义

】WooCommerceSensei电子邮件自定义【英文标题】:WooCommerceSenseiEmailcustomization【发布时间】:2018-01-2004:11:22【问题描述】:当过滤器跨模板共享时,如何在一个模板中更改标题或文本?插件代码(在class-woothemes-sensei-email-learner-graded-... 查看详情

如何自定义 django rest auth 密码重置电子邮件内容/模板

】如何自定义djangorestauth密码重置电子邮件内容/模板【英文标题】:Howtocustomizedjangorestauthpasswordresetemailcontent/template【发布时间】:2016-04-2604:02:41【问题描述】:在djangorest_auth密码重置中,默认电子邮件内容如下所示:-您收到这... 查看详情

如何通过 API C# 和模板将自定义变量添加到 SendGrid 电子邮件

】如何通过APIC#和模板将自定义变量添加到SendGrid电子邮件【英文标题】:HowtoAddCustomvariablestoSendGridemailviaAPIC#andTemplate【发布时间】:2014-11-1107:27:11【问题描述】:我试图弄清楚如何将变量添加到已在sendgrid模板引擎中创建的现有... 查看详情

MailChimp 自定义模板问题与拖放块

...成父块的新版本并在模板中移动它,但是当我预览或发送电子邮件 查看详情

如何在电子中为文件制作自定义网址

】如何在电子中为文件制作自定义网址【英文标题】:Howtomakeacustomurlforafileinelectron【发布时间】:2021-11-1104:11:15【问题描述】:我正在尝试使用Electron.js构建一个迷你浏览器。是否可以制作chrome://settings或about:config之类的网址,... 查看详情

如何使用 AWS cognito 在 .net 上使用忘记密码自定义模板?

...020-03-0221:09:59【问题描述】:我正在使用cognito发送自定义电子邮件以获取忘记密码。我需要在哪里设置代码而不触发lambda?【问题讨论】:你必须触发customMessage_ForgotPassword 查看详情

在 woocommerce 中自定义新帐户电子邮件模板

】在woocommerce中自定义新帐户电子邮件模板【英文标题】:Customizationofnewaccountemailtemplateinwoocoommerce【发布时间】:2022-01-2201:21:21【问题描述】:我正在尝试在woocoomerce的新帐户邮件模板中添加页眉和页脚图像。新账户的默认模板... 查看详情

自定义 Oracle webcenter WCC 工作流电子邮件

】自定义OraclewebcenterWCC工作流电子邮件【英文标题】:CustomOraclewebcenterWCCworkflowemails【发布时间】:2021-12-0201:56:07【问题描述】:在OracleWebcenter内容中,WCC(又名UCM/ECM)需要更改在批准/拒绝期间收到的自动化工作流电子邮件的... 查看详情

WooCommerce 电子邮件模板自定义

】WooCommerce电子邮件模板自定义【英文标题】:WooCommerceEmailTemplateCustomization【发布时间】:2020-08-3118:20:45【问题描述】:我正在尝试在WooCommerce网站的订单确认电子邮件中添加一段。我在我的子主题的functions.php文件中添加了对Woo... 查看详情

如何跟踪自定义 html 模板 mailchimp 中的点击?

...间】:2014-08-1715:15:08【问题描述】:我为mailchimp创建HTML电子邮件模板。但是当我想在报告中查看点击跟踪时,请参阅:“抱歉,我们无法获得您要查找的统计信息。”我认为当我使用自定义html模板时,我们必须使用mailchimp标签... 查看详情

如何使用 laravel 发送自定义电子邮件通知?

】如何使用laravel发送自定义电子邮件通知?【英文标题】:howtosendcustomemailnotificationswithlaravel?【发布时间】:2020-02-0110:31:35【问题描述】:我想通过电子邮件将数据库中的帖子标题和正文发送给所有用户,并且电子邮件已发送... 查看详情

使用操作 URL 将电子邮件模板中的 Firebase 项目名称替换为自定义域

】使用操作URL将电子邮件模板中的Firebase项目名称替换为自定义域【英文标题】:ReplaceFirebaseProjectNamewithCustomDomaininEmailTemplateswithActionURL【发布时间】:2020-11-0509:41:26【问题描述】:背景Firebase身份验证发送用于注册、更改密码等... 查看详情

在 Django 中使用自定义用户模型总是在模板中返回匿名用户

...:我创建了一个自定义用户模型,因为我需要三个信息(电子邮件、机构ID、密码)来登录系统。为此,我还创建了一个身份验证后端。当我尝试登录时,它会重定向到正确的视图。但模板显示匿名用 查看详情

Ruby/Rails:您如何自定义 Devise 的邮件模板?

】Ruby/Rails:您如何自定义Devise的邮件模板?【英文标题】:Ruby/Rails:HowdoyoucustomizethemailertemplatesofDevise?【发布时间】:2022-01-0414:16:44【问题描述】:我已经为我的Rails应用程序(3.0.1)安装了Devise,它大部分都在工作。我只是似乎无... 查看详情

Ruby/Rails:您如何自定义 Devise 的邮件模板?

】Ruby/Rails:您如何自定义Devise的邮件模板?【英文标题】:Ruby/Rails:HowdoyoucustomizethemailertemplatesofDevise?【发布时间】:2011-05-1515:26:36【问题描述】:我已经为我的Rails应用程序(3.0.1)安装了Devise,它大部分都在工作。我只是似乎无... 查看详情

如何在自定义插件中的 WordPress 自定义表单中添加验证

...经制作了一个自定义表单并制作了一个自定义插件来发送电子邮件并将数据存储到数据库中,一切正常。我正在使用PHP邮件程序发送电子邮件并使用SQL查询将数据存储到我的数据库表中,但是问题是:每两分钟 查看详情

如何在自定义设计电子邮件中设置自定义电子邮件主题?

】如何在自定义设计电子邮件中设置自定义电子邮件主题?【英文标题】:HowdoIsetacustomemailsubjectinacustomDeviseemail?【发布时间】:2013-06-0421:01:17【问题描述】:我在Rails3应用程序中使用Devise创建帐户。我有不同类型的用户,所以... 查看详情