Javascript 如何在新用户确认电子邮件中添加社交媒体图标作为超链接？

我想在我的新用户确认电子邮件中添加社交媒体图标，如-

它在我的浏览器上运行得很好，但是当我为我的网站实现此代码时，当用户在我的网站上注册时，他们收到的电子邮件看起来像（没有显示电子邮件图标，但当他们单击图标位置的空白处时，它作为超链接工作）--

我使用的代码---

身体
{
宽度：60%；
高度：自动；
左边距：自动；
右边距：自动；
}
.包装纸{
高度：自动；
宽度：60%；
利润率：50像素；
填充：20px；
颜色：#444；
字体大小：1.3em；
背景:#f5；
边框：5px实心#fffafafa；
}
.包装，内部
{
背景：白色；
填充：50px；
}
img
{
显示：块；
左边距：自动；
右边距：自动；
}
#p1{
背景：#592f80；
文字装饰：无；
填充：15px；
边界半径：5px；
颜色：#fff；
}
.icon\u t
{
显示器：flex；
高度：100px；
文本对齐：居中；
宽度：100%；
}
.icon\u t ul{
边际上限：0.5px；
显示器：flex；
列表样式类型：无；
文本对齐：居中；
证明内容：中心；
左边距：自动；
右边距：自动；
}
.icon_t ul li a{
显示：块；
颜色：5F9EA0；
文本对齐：居中；
字体大小：25px；
高度：60px；
宽度：60px；
线高：60px；
背景：无；
边界半径：50%；
边缘顶部：25px；
光标：指针；
}
.icon_t ul li a:悬停{
背景：无；
颜色：紫色；
}
你好
感谢您注册我们的网站。请单击下面的链接以验证您的帐户

如果您错误地收到此电子邮件，请忽略此电子邮件。如果不单击上面的按钮，您将不会被验证

在您的live站点上加载font-awesome吗？@GetSet是的，font-awesome在我的live站点的其他页面上加载得非常好，但我在这里遇到了问题。当您删除

class=“icon\u t”

时会发生什么？@GetSet删除class=“icon\u t”font-awesome后，什么都没有发生，因为它的加载不正确。你可以检查控制台/开发工具，看看是否是这样。font-awesome在你的live站点上加载了吗？@GetSet是的，font-awesome在我的live站点的其他页面上加载得很好，但我在这里遇到了问题。当你删除

class=“icon\u t”

时会发生什么？@GetSet在删除class=“icon\u t”后什么都没有发生字体看起来很棒，因为加载不正确。您可以检查console/dev工具，看看是否是这种情况。