logo标签列表

我可以在电子邮件中使用Font Awesome图标吗？

ruby-on-railsruby-on-rails-3font-awesome
69

我正在开发一个 Rails 应用程序，需要发送电子邮件。

我通过 rails gem（https://github.com/bokmann/font-awesome-rails）安装了 font-awesome 图标（我使用 .scss）。

它在我的网页视图上运作良好，但是在电子邮件中却无法显示。至少 gmail 不会显示它们。

这是正常的吗？我可以在电子邮件视图/布局中使用 awesome fonts 吗？如果不能，那么我应该在哪里找到 awesome fonts 图标的 png/svg 版本，以便我在网页和电子邮件中使用相同的图标（保持一致性）？

5个回答
68

在html邮件中无法可靠地使用Web字体。一些客户端可能会尊重并呈现它们，但大多数客户端不会。

1
我明白了。那你知道在哪里可以找到AwesomeFonts图标的PNG/SVG版本，以便我在网页上使用的图标与我在电子邮件中使用的图标相同（保持一致性）吗？ - Mathieu
1
抱歉，我完全不知道awesomefonts是什么。由于许多客户端会阻止图像加载，除非您希望用户点击显示图像以显示电子邮件的大部分内容，否则最好为电子邮件设计不同的样式。 - idlefingers
2
@Mathieu，为自己需要的创建PNG有什么问题吗？ - Mike Szyndel
3
如果您使用Illustrator，请在画板中插入图标。请将字体安装到本地，您应该可以在“文件”>>“字形”>>“选择Fontawsome”中找到它。希望这有所帮助。 - Jorge Najera T
8
这个答案不应该被接受，它几乎算不上一个答案。 - tim-phillips
@Rohmer，为什么不能接受这个答案？它说，几乎没有任何客户端会加载 webfont。这是因为它可以用来跟踪电子邮件是否被打开。因此，垃圾邮件发送者将获得有关成功发送电子邮件的信息。因此，这个答案是正确的。您无法在邮件中使用 webfonts/images 并确保它们会显示给用户。 - Darokthar
54
您可以使用此网站将图标转换为图像，然后简单地下载这些图片并上传至Imgur。接着，您可以使用<img>标签链接到Imgur中的这些图片。 编辑： 更好的解决方案是在您邮件域名相同的服务器上托管这些图片。这样做能够提高图片自动显示在电子邮件中的概率，因为通常情况下图片会被隐藏，直到用户决定查看它们。
例如，如果我使用myname@mydomain.com发送电子邮件，则应该将这些图片托管在mydomain.com上。
将图标转换为图像后，您可以使用此网站CopyFoto.cf上的GitHub存储库，获取imgur直接图像URL。 - c0degeas
太棒了！谢谢 :) - ZenekMetalGuru
1
那个网站出现了404错误。需要更新链接或解决方法。请尝试使用此链接：https://fa2png.app/ - RedSands
8
你可以将它们作为图像嵌入电子邮件中。你可以使用fa2png.io，它将字体awesome图标转换为所需大小和颜色的png格式。
1
链接未找到404。需要更新答案。请尝试此链接：https://fa2png.app/ - RedSands
5
1
大多数（如果不是全部）电子邮件客户端都会阻止嵌入式图片。iOS 邮件是为数不多允许此类操作的电子邮件客户端之一。 - Karl-Henry Martinsson
4
你可以尝试将图标导出为PNG格式，然后在电子邮件HTML中包含它们。 如果你熟悉PHP，GitHub上这个开源项目能帮助您自动转换它们。
我使用它，从命令行运行良好并生成各种尺寸和颜色（并允许您进行配置），这正是我在电子邮件中所需要的，就像 OP 所要求的那样。 - hakunin
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接