如何在html电子邮件中获取whatsapp图标？答案

【问题标题】：How to get whatsapp icon in html emailer?如何在html电子邮件中获取whatsapp图标？
【发布时间】：2021-08-07 07:45:26
【问题描述】：

我试过这段代码。每当我发送我已经创建的 html 电子邮件时，它都会向我显示代码中的图标。但是，当电子邮件发送完毕后，该图标会消失，并在该特定区域显示一个间距。如何解决？

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">

<i class="fab fa-whatsapp fa-1x" style="color:green"></i>

【问题讨论】：

标签： html icons whatsapp

【解决方案1】：

由于可能存在的安全问题，电子邮件服务提供商还不允许。您不能在邮件中使用第三方来源（SWF/JS/CSS 和任何动态文件）。

部分接受 SVG 图像，但您可以使用授权的图像类型 (png/gif/jpg) 或尝试生成类似于 HTML 的内容：

&lt;span style="color: darkgreen;font-weight: bold;"&gt;&amp;#9990&lt;/span&gt;

【讨论】：

【解决方案2】：

还是一样。不用找了。我在添加代码时可以看到图标。但是当发送电子邮件时，该指定区域中没有图标。

【讨论】：

【解决方案3】：

参考这个

    <!DOCTYPE html>
<html>
<head>
<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<h1>fa fa-whatsapp</h1>

<i class="fa fa-whatsapp"></i>
<i class="fa fa-whatsapp" style="font-size:24px"></i>
<i class="fa fa-whatsapp" style="font-size:36px"></i>
<i class="fa fa-whatsapp" style="font-size:48px;color:Green"></i>
<br>

<p>Used on a button:</p>
<button style="font-size:24px">Button <i class="fa fa-whatsapp"></i></button>

<p>Unicode:</p>
<i style="font-size:24px" class="fa">&#xf232;</i>

</body>
</html>

【讨论】：