gpt4 book ai didi

html - 在 Mailchimp 事件中使用 Font Awesome 图标

转载 作者:太空狗 更新时间:2023-10-29 15:49:22 24 4
gpt4 key购买 nike

我为 mailchimp 事件创建了一个 HTML 模板,其中在页脚中包含 Font Awesome 图标。如果我使用 Mandrill 发送 HTML 电子邮件,它工作正常。当我将 HTML 导入 Mailchimp 模板时,图标没有出现。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<style>
.footer i {
color: #999;
margin: 0 2px;
}

.footer i:hover {
color: #333;
}

.footer p {
text-align: center;
margin-bottom: 15px;
}

.footer a i {
border: none;
outline: none;
}
</style>

以下是正在使用的图标:

<p>
<a href="http://facebook.com/"><i class="fa fa-facebook-square fa-2x"></i>
<a href="http://twitter.com/"><i class="fa fa-twitter fa-2x"></i>
<a href="http://pinterest.com/"><i class="fa fa-pinterest fa-2x"></i>
<a href="http://instagram.com/"><i class="fa fa-instagram fa-2x"></i>
</p>

最佳答案

您需要按照说明使用内联 CSS:

Use inline CSS Because browser-based email applications, such as Gmail, strip out <head> and <body> tags by default, always use inline CSS over embedded CSS.

阅读link

尝试转换您的代码 here然后邮寄

关于html - 在 Mailchimp 事件中使用 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30881380/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com