首页 > 解决方案 > 使用电子邮件的 HTML 内联样式链接到 Fontawesome

问题描述

我正在使用 iContact,这是一个所见即所得的电子邮件生成器,它允许自定义 HTML 块。

客户希望社交媒体图标具有特定的灰色阴影,而 iContact 仅使用黑白和全彩色的 png。我可以尝试使用 fontawesome 社交媒体图标,但我无法访问标签以链接到它。

我尝试无济于事的选项是:

<script> var lNode = document.createElement("link"); lNode.setAttribute("rel", "stylesheet"); lNode.setAttribute("href", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); document.getElementsByTagName("head")[0].appendChild(lNode) </script>

iContact 会删除任何标签,而且无论如何我都不会在电子邮件中使用 javascript。

有没有办法使用 HTML 内联样式链接到字体,或者我应该只使用黑白图标并告诉他们这是唯一的方法?

标签: htmlemailfont-awesomeinline

解决方案


我只是使用了一种解决方法,即使用 Adob​​e Illustrator 将字体很棒的图标转换为 png。


推荐阅读