社交媒体图标未在Gmail(html)中显示

时间:2018-08-22 07:39:35

标签: html templates gmail icons

我有一个新闻通讯模板,并在其中添加了以下用于社交媒体图标的内容。这些社交媒体图标很好地出现在模板示例中,但是当我将新闻稿发送到我的Gmail时,这些社交媒体图标不可见(尽管如果我将鼠标悬停在应该看到的位置,我会发现它们在那里是因为我添加的链接。

感谢您的帮助。学习整个html内容:)

请参阅下面我添加的代码部分(可在网上找到)。还提到了在模板的标题中添加以下行

(<head>)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></link>

                <tr>
                   <td> <!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook" style="padding-right: 5px; font-size: 17px; "></a><a href="https://twitter.com/albertheijn" class="fa fa-twitter"  style="padding-right: 5px; font-size: 17px;"></a><a href="https://www.youtube.com/user/albertheijn" class="fa fa-youtube" style="padding-right: 5px; font-size: 17px;"></a><a href="https://www.instagram.com/albertheijn/?hl=nl" class="fa fa-instagram" style="padding-right: 5px; font-size: 17px; "></a><a href="https://nl.pinterest.com/allerhande/" class="fa fa-pinterest" style="font-size: 17px;"></a></td>
<td style="font-size: 14px; font-weight: bold; text-align: right;">
\[\[CURRENTDATE\]\]</td>
                </tr>

once sent to gmail it does not show

template example shows icons

1 个答案:

答案 0 :(得分:1)

字体真棒lib在通讯或电子邮件模板中不起作用。我建议您可以对所有这些图标使用图像。您可以从以下网站轻松找到它们:

1。平面图标 2.图标查找器

这肯定会解决您的问题。