【问题标题】:Social media icons do not show in Gmail (html)社交媒体图标不显示在 Gmail (html) 中
【发布时间】:2018-08-22 07:39:35
【问题描述】:

我有一个时事通讯模板,并在其中添加了以下社交媒体图标。这些社交媒体图标很好地出现在模板示例中,但是当我将时事通讯发送到我的 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

【问题讨论】:

    标签: html templates gmail icons


    【解决方案1】:

    Font Awesome 库在简报或电子邮件模板中不起作用。我建议您可以为所有这些图标使用图像。您可以从以下网站轻松找到它们:

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

    这肯定会解决你的问题。

    【讨论】:

    • 我应该在代码中的什么位置添加图像,我应该如何将其放入 html 语言中?
    • 使用以下代码: 您可以从提到的网站下载图片。
    • 非常感谢。如果我还想添加一个超链接,我应该在哪里添加。我尝试了以下方法:facebook.com" style="padding-right: 5px; font-size: 17px; ">
    • 你这家伙是个英雄:) 谢谢。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签